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?
Seperate Scroll To Top for mobile devices
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
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.