Okay
  Public Ticket #1461753
left justified navigation header adjustments
Closed

Comments

  • Jacob started the conversation
    February 8, 2018 at 4:49am

    I am looking to make adjustments to the left side navigation header.

    Ideally i want to be able to move the navigation links underneath the logo text.

    I also would like to be able to ad some static text that is not a link to any other page or functions. I want it to stay with the header though as one navigates the site

  •  8,470
    Tahir replied
    February 8, 2018 at 7:43am

    Hey Again,

    Use below css to align the menu to the top . For the Extra Text try adding it as a Menu Title and then link it using the "#" hash symbol so it doesnt link anywhere .

    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):

    @media only screen and (min-width: 1001px) {
    body[data-header-format="left-header"] #header-outer nav {
        display: table-cell;
        vertical-align: top !important;
    }
}

    Thanks

    ThemeNectar Support Team 

  • Jacob replied
    February 8, 2018 at 11:02pm

    That worked great thank you!

    adding the # removed the link, but it still changes color if you hover over the text. Is it possible to remove that aspect as well?

  •  8,470
    Tahir replied
    February 9, 2018 at 12:42pm

    Hey Again,

    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):

    li#menu-item-591 a {
    pointer-events: none !important;
}

    Thanks

    ThemeNectar Support Team