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.

Duplicate Navigation Menus, showing sticky and normal.

Resolved 17 replies premiumthemetheme-vantage
Rocky Tilney
Started · Latest reply by Lauren Noëlle Gauthier

Hi, I really like the simplicity of the vantage theme, however I’m having a problem with the sticky nav. I want to use sticky nav on the site, however when I change the opacity I can see a second menu behind it? How to do I hide the normal menu and only display the sticky menu? URL is included below.
Thanks!

URL: http://showev.dev5.webenabled.net/

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

Need fast email support? Get SiteOrigin Premium

Replies

17
  1. Rocky Tilney

    To clarify, you can see the menu behind the sticky menu when you initially scroll down the page. Thanks.

  2. Andrew Misplon Staff

    Hi Rocky

    Try this under Appearance > Custom CSS:

    nav::nth-of-type(1) { display: none; }
.site-navigation.sticky { width: 100% !important; }
  3. Rocky Tilney

    Hi Andrew, unfortunately that didn’t work. Any other ideas? It’s strange that two menus exist.

  4. Andrew Misplon Staff

    Sorry about that, it should have been:

    nav:nth-of-type(1) { display: none; }
.site-navigation.sticky { width: 100% !important; }

    Give that a try.

  5. Rocky Tilney

    Excellent, thanks Andrew. Worked fine!

  6. Andrew Misplon Staff

    Super, glad to hear that helped.

  7. Rocky Tilney

    Hi Andrew, I noticed that when you place the code you provided we lose the mobile menu. Any way to fix that?

  8. Andrew Misplon Staff

    Looks to be working on my side. Did you make progress?

  9. Carson Samuel Roes

    I have an opaque sticky menu as well and am having the same issue, but my menu doesn’t start at the top. How do I hide the main menu when it switches to sticky?

    http://www.carsonroes.com

  10. Rocky Tilney

    Hi Andrew, it works now because I removed the code you provided. The double menu is back, I’ll have to keep that until there is a fix. Thanks for your help.

  11. Andrew Misplon Staff

    I’m not getting the same result. Here is an example site:

    http://hitdelete.com/

    Custom CSS for the menu is:

    nav:nth-of-type(1) { display: none; }
.site-navigation.sticky { width: 100% !important; }
.main-navigation { background: rgba(34, 34, 34, 0.8) !important; }

    I see one menu and my mobile menu is still working. Can you perhaps check this out and confirm.

    Carson you can try this out if you’re keen.

  12. Carson Samuel Roes

    That gets rid of the menu behind it, but it is permanently stuck to the top. I would like it to start under the logo than disappear as the sticky menu appears.

    • Andrew Misplon Staff

      I know the effect you’re after. It’s unfortunately not something we can offer with Vantage as the theme currently stands. Sorry I don’t have more here.

  13. Eva Collados

    Hi Andrew,

    I had the same problem about the two sticky menus displayed. The code you provided solved it, but i noticed that also hidded the navigation at the bottom of my archive pages.

    So i added to your rule one selector:

    .site-navigation.sticky nav:nth-of-type(1) { display: none; }
    • Andrew Misplon Staff

      Thanks Eva. That looks good. Appreciate the share.

  14. Lauren Noëlle Gauthier

    Hi Andrew,
    I’m also having the same issue as Rocky Tilney above, in terms of duplicate navigation menus showing sticky on my mobile site: http://www.thevintageexplorer.com. When I placed the code you provided above into my Bldr theme CSS sheet, I also lost the mobile menu completely like Rocky did. Can you please assist? thank you! Lauren

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