WordPress.org

Forums

Vantage
How to disable sticky menu at mobile browser (7 posts)

  1. aneketo
    Member
    Posted 1 year ago #

    Hi Greg,

    Thank you for your wonderful themes.
    I am using vantage free themes and I would like to ask on how to disable sticky menu only at mobile browser, so I can still use the sticky menu on desktop browser. Is it possible or I must upgrade to pro version?

    Thank you for your kind attention and looking forward for your feedback.

    Regards,
    Febi

  2. carklob
    Member
    Posted 1 year ago #

    I had the same question, and this is how I did it. I made a child theme containing this css:

    @media (max-width: 680px) {
    .site-navigation.main-navigation.use-sticky-menu.sticky {display:none;}
    }

    If anyone has a better solution, I'd be curious to know, but it seems to work well.

  3. Andrew
    Forum moderator
    Posted 1 year ago #

    @carklob, What about doing the same thing but positioning it static? So that the 'top' CSS styles that are applied through JS have no effect?
    E.g.:

    @media (max-width: 680px) {
     .site-navigation {
      position: static !important;
     }
    }
  4. carklob
    Member
    Posted 1 year ago #

    Hm, when I try that code, it shows two copies of the menu on the screen when I start scrolling down. It seems like the original menu is still there and a second menu appears as you scroll down.

  5. Andrew
    Forum moderator
    Posted 1 year ago #

    Could you open up a new thread and link your site so that we can explore why: http://wordpress.org/support/theme/vantage#postform ? thx

  6. carklob
    Member
    Posted 1 year ago #

    Sure, it's still in progress, but it's: http://hull1.com/bert

    The display:none was working fine, though.

  7. Andrew
    Forum moderator
    Posted 1 year ago #

    Sorry I don't want this thread to lose focus off aneketo (the original poster).

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.