Okay
  Public Ticket #1545398
Make Off-Canvas Navigation Display a Different Menu
Closed

Comments

  • Fenes started the conversation

    Hey there,

    I want my off-canvas navigation to display a different menu than my main navigation menu.  Is there a way to do this?

    Kind regards,

    - Fenes

  •  9,012
    Tahir replied

    Hey Again,

    Yes simply add a different menu to the Off canvas Menu Location in Appearance -> Menus in the WP Dashboard. See screenshot: http://prntscr.com/j6wr9i .

    Be.st 


    ThemeNectar Support Team 

  • Fenes replied

    Thanks for the help!  I checked that area in my back-end, but for some reason I only have 2 options for menu locations, unlike the example in your screenshot where there are 4 (I've attached a screenshot of my website's back end for your reference).

    I'm running the latest version of Salient on my website, so I don't understand why I would only have two available areas to add menus.  Any thoughts on what I can do to fix this?

    - F

  •  9,012
    Tahir replied

    Hey Again,

    You need to turn on the Off Canvas Menu in here as well : http://prntscr.com/j7cw35  .

    Bes.t


    ThemeNectar Support Team 

  • Fenes replied

    Amazing, thank you so much!

    One final question: After turning on the Off-Canvas Navigation option on my Salient panel, the Off-Canvas option now shows on my website constantly, whereas before it only displayed on mobile, or on desktop when the page was too small to show the regular menu.  Is there a way to make the Off-Canvas Nav. behave like this again?

    Regards,

    - F

  •  9,012
    Tahir replied

    Hey Again,

    You can hide it using below css.

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    body.ascend #header-outer[data-full-width="true"] header#top nav >ul.buttons[data-user-set-ocm="1"] {
        display: none !important;
    }

    Thanks


    ThemeNectar Support Team