: Mobile Arrow Up / Mobile Links placement issue. : dsgmonkey December 08, 2015, 01:07:16 AM When going into the smaller widths, enough to go into mobile menu mode, I'm having the issue of the scroll arrow / mobile links bar displaying out of place, commonly right on top of the article text. Have any recommendations on how to fix or adjust? (example attached)
Possibly noteworthy: As a small template change I did the advice as seen here: to make the trigger at 800px instead of the default 750px http://www.shape5.com/component/option,com_smf/Itemid,75/topic,39631.msg161567/#msg161567 Thanks in advance : Re: Mobile Arrow Up / Mobile Links placement issue. : jonahh December 08, 2015, 01:34:56 PM Hello,
Do you have the floating menu enabled for the responsive options? : Re: Mobile Arrow Up / Mobile Links placement issue. : dsgmonkey December 08, 2015, 02:50:17 PM Thanks for your reply! After reviewing more looks like the issue was I also changed @media screen and (max-width:750px) to 800 on s5_responsive_bars-min.css
This was due to the advice of (modifying the first line in the s5_responsive_bars.css file to a larger value) did not seem to do anything, but I did get results when adjusting s5_responsive_bars-min.css, unfortunately now noticing it causes the display bug as well. So after more poking around I noticed 750px was still showing up on the page source in the browser and found / changed 750px to 800px in s5_vertex_addons.php and s5_vertex_addons-min.php So for a complete list I adjust 750px to 800px in files: s5_responsive_bars-min.css, s5_responsive_bars.css, s5_vertex_addons-min.php, s5_vertex_addons.php Forgive the new tangent, so far things are looking correct but is there anything else I should change or do these changes look like potential issues? Was typing this, but thought the other info was more important :) After your inquiry I went ahead and tried to turn off Enable Floating Menu? on the Template / Main / Menu tab , but the issue still displayed. After that went ahead and tried turning off: Enable Responsive Active Menu, Enable Responsive Search, and Enable Responsive Menu But did not have any luck either. Is there a certain place to toggle floating menu for just responsive options? As an additional note this display error is only an issue with widths approx 800 to 750px in size. : Re: Mobile Arrow Up / Mobile Links placement issue. : jonahh December 09, 2015, 02:45:41 PM You shouldn't have to modify those files and I would be sure they are set to defaults from the template or a fresh patch download.
Would you be able to post a URL of this so I can see first hand whats going on? : Re: Mobile Arrow Up / Mobile Links placement issue. : dsgmonkey December 09, 2015, 03:27:38 PM Welp to get the results I wanted I ended up having to change all those files. Perhaps less or more is needed, but only altering max-width: on s5_responsive_bars.css didn't do anything.
Be advised the site in progress is adult themed / NSFW http://www.discerningspecialist.com/bdsm-gear/hardware-menu/21-lock-madness-part-1 So far the changes look successful with intent to make max-width: 800px (to make the mobile menu show up on ipads) and to make sure the Mobile Arrow Up / Mobile Links placement doesn't go crazy. : Re: Mobile Arrow Up / Mobile Links placement issue. : jonahh December 10, 2015, 01:08:57 PM Yeah looks like its working good to me.
We have talked about adding in a setting in Vertex so that you can specify at which width the mobile menu shows up at, maybe we'll have to soon. : Re: Mobile Arrow Up / Mobile Links placement issue. : dsgmonkey December 10, 2015, 01:42:41 PM Cool! Yea with device type/size popularity changing fairly rapidly, I'm sure an easy template setting would be appreciated by many.
|