Okay
  Public Ticket #1937280
2nd Header
Closed

Comments

  • barbmcgrath started the conversation
    March 18, 2019 at 2:08am

    Hi, I'd like the phone number and email address  to appear beside the icons in the secondary header.

    How do I do this?

    Tx.


  •  8,996
    Tahir replied
    March 18, 2019 at 6:07am

    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 #social {
    border-left: 1px solid #e5e5e5;
}

    Thanks

    ThemeNectar Support Team 

  • barbmcgrath replied
    March 22, 2019 at 5:27pm

    Thanks - maybe I didn't ask my question correctly.

    In my 2ndary header there is am email icon and a phone icon. I would like the phone number to also display (1-800-123-4567) - on desktop.

    The css below will add a border, not text?


  •  8,996
    Tahir replied
    March 23, 2019 at 11:44am

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

    i.fa.fa-phone:after {
    content: ' (1-800-123-4567)';
    font-size: 19px !important;
    font-weight: bold !important;
   
}
i.fa.fa-envelope:after {
    content: ' [email protected]';
    font-size: 19px !important;
    font-weight: bold !important;
    
}

    Thanks

    ThemeNectar Support Team