Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
In theme settings it is possible to separately enable/disable the sticky menu and the scroll to top functions. However it is only possible to switch both functions on or off for mobile devices… I do not want the sticky menu for mobile, because it gets in the way of everything, however I DO want the scroll to top function for mobile because that is quite handy. Is it possible to add this feature in Vantage?
Hi Kino,
Unfortunately I can only think of how to do the opposite. IE, keep the sticky menu and hide the scroll to top on mobile devices. You’d do this with some custom CSS.
However, most mobile browsers have a way to quickly scroll to the top of the page. On the iPhone, you tap the top menu bar where the time is displayed. That means the scroll to top button is actually duplicate functionality, which you should try avoid on small screen devices.
I’ll chat to Andrew and see if he has any ideas on how to handle this, maybe there’s something I’m missing.
Hi Greg,
you made a good point there, indeed. I forgot about that function in the iPhone!
Well, if you and Andrew have an idea I’d still be curious, but I guess a lot of custom CSS would be overdoing it.
Thanks for your help anyway!
Hi Kino
The following placed under Appearance > Custom CSS should “de-activate” the sticky menu below 680px, you can adjust that breakpoint as required:
@media (max-width: 680px) { .site-navigation.sticky[style] { position: static !important; } }Hope that helps.