Okay
  Public Ticket #1465589
Secondary Navigation styling
Closed

Comments

  •  1
    Martin started the conversation
    February 12, 2018 at 1:01pm

    Hi,

    I am displaying a secondary navigation in the theme. This bar displays the social media icons on the left and additional links to pages I assigned on the right. Is there no way to change the colors and fonts used in the secondary navigation through the theme panel settings? If there is not, how can I change background color, font colors and fonts used in this navigation?

    And additionally, is there a way to move the social media icons to the left, next to the links to pages in this bar?

    Thanks so much,

    Martin

  •  8,425
    Tahir replied
    February 12, 2018 at 1:17pm

    Hey,

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

    Thanks

    ThemeNectar Support Team 

  •   Martin replied privately
  •  8,425
    Tahir replied
    February 13, 2018 at 12:12pm

    Hey Again,

    The best option would be to use a Pull Right Menu instead or the Secondary Header Menu: http://themenectar.com/docs/salient/pull-right-nav-items/ .

    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 #social {
    float: right !important;
}

    Thanks

    ThemeNectar Support Team 

  •   Martin replied privately
  •  1
    Martin replied
    February 14, 2018 at 3:45pm

    I also looked through the Typography settings section and could not find anything.

  •  2,724
    Andrew replied
    February 20, 2018 at 12:24pm

    Hey there,

    Thanks for reaching in,

    Please use this CSS for the top part background;

    .header-secondary-outer.container { background: #000!important; }

    For the menu fonts;

    body #header-secondary-outer nav >ul >li >a { 
    font-size:13px!important;
    color: #ccc!important;
    font-family: Verdana, Arial, Helvetica,sans-serif;
 }

    Hope this helps,

    Regards