Okay
  Public Ticket #1654156
Top Navigation Menu
Closed

Comments

  • zeynlambat started the conversation

    Hi,

    I've set a button to appear on my top navigation menu - "Request a free brochure Pack'

    Here are the issues:

    1. Why is the button on desktop overlapping with the main header logo? I would like this button placed next to the menu & search icon.

    2. Previously, only the off canvas menu set on menu would show up on mobile - now when setting this button as the top navigation menu - the Off canvas menu + Secondary nav menu + top navigation menu show up - I would only like the top navigation menu and off canvas menu to show up.


    Thanks in advance.

  •  75
    Scott replied

    Hey there,

    Thanks for reaching in,

    Please try this as an alternative http://themenectar.com/docs/salient/header-button-links/

    Hope this helps,

    Regards

    Themenectar Support Team

  • zeynlambat replied

    This does not answer BOTH of my questions - can you please re-read and help?

  •  75
    Scott replied

    Hey there,

    Thanks for reaching in,

    1. Please try this CSS

    header#top nav > ul > li[class*="button_bordered"] > a { 
        margin-left: 253px!important; 
    }
    

    2. Please elaborate the 2nd question, didn't quite get you there,

    Regards

    Themenectar Support Team

  • zeynlambat replied

    Hi,

    1. I just tried your solution and this works fine on desktop, however on MOBILE the menu has been pushed down. Can you please provide an alternate solution? Please see attached.

    2. Basically, I have 3 menus set up:

    - an off canvas menu

    - a top navigation menu

    - secondary menu

    Previously, I had only had the OFF CANVAS MENU and SECONDARY MENU enabled. Whenever the menu was selected on MOBILE, the OFF CANVAS menu would only show, as I had selected in the salient options menu that the secondary menu should not be inherited when on MOBILE.

    Now that I have enabled the REQUEST BROCHURE PACK button as the top navigation menu, the secondary menu now shows up on MOBILE, although this is disabled in the salient options menu.

    I would only like the OFF CANVAS MENU and top navigation menu to show.

    Hope this makes sense?

  • zeynlambat replied

    Hi,

    Any updates with this please?

  •  75
    Scott replied

    Hey there,

    Thanks for reaching in and sorry for the delay,

    1. Please modify the CSS to this

    only screen and (min-width:769px){
    header#top nav > ul > li[class*="button_bordered"] > a { 
        margin-left: 253px!important; 
    }
    }
    

    2. I get you now, this is strange though. From what I'm getting you don't want to use the secondary header anymore. Please disable it from Salient > Header navigation > layout related and select standard header.

    Hope this helps,

    Regards

    Themenectar Support Team

  • zeynlambat replied

    Hello,

    With regard to point 2;

    I would like to use the secondary header on desktop - just not on mobile, is this possible?

  •  75
    Scott replied

    Hi

    Thank you for contacting us and sorry for the delayed response.

    Please try and enable it from Salient > Header navigation > layout related and select Secondary header.

    Hope this helps,

    Regards

    Themenectar Support Team