Okay
  Public Ticket #1443349
Adding a Top Bar
Closed

Comments

  • CYAsandy started the conversation
    January 24, 2018 at 2:45am

    I am wanting to add a top bar to the site and have tried a few plugins but in every case the top bar sits over the top of the logo and menu...

    Can you please assist. I am using the top bar as a call to action. I don't want this to be a secondary header.

    Please advise how I can facilitate this, or if you have another option.

    Cheers

    Sandy

  •  8,470
    Tahir replied
    January 24, 2018 at 11:32am

    Hey ,

    Unfortunately the Salient Theme Header is designed in a way that no top bar can be added . Try adding a Secondary Header using the Salient Theme Options : http://prntscr.com/i4ve3v . 

    Be.st

    ThemeNectar Support Team 

  • CYAsandy replied
    February 5, 2018 at 4:29am

    That's a shame... 

    I have added a secondary header however I don't want it right over to the right hand side of the page... and how do I easily change the background colour and font colour, actually any way to customise it further.

    Cheers

    Sandy

  •  8,470
    Tahir replied
    February 5, 2018 at 10:32am

    Hey,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks

    ThemeNectar Support Team 

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

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

    #header-secondary-outer ul.sf-menu {
    left: 50%;
    float: none !important;
    position: relative;
}
#header-secondary-outer ul.sf-menu li a {
    transform: translateX(-50%);
    background: #000;
    color: #fc0 !important;
    font-size:18px;
}

    Thanks

    ThemeNectar Support Team