This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Seperate Scroll To Top for mobile devices

Open 3 replies premiumthemetheme-vantage
Kino Haitsma
10 years ago · Last reply by Andrew Misplon 10 years ago

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?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Greg Priday Staff 10 years, 11 months ago

    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.

  2. Kino Haitsma 10 years, 11 months ago

    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!

  3. Andrew Misplon Staff 10 years, 11 months ago

    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.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread