I have modified the header of this site slightly to add a phone number below the navigation. In the header I have added the following right after the closing </header> tag:
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
header#top nav > ul > li > a {
padding-bottom: 0px !important;
}
header#top nav > ul li#search-btn, header#top nav > ul li.slide-out-widget-area-toggle {
padding-bottom: 0px !important;
}
div#headerphone-text {
display: block;
z-index: 10000;
position: relative;
}
I have modified the header of this site slightly to add a phone number below the navigation. In the header I have added the following right after the closing </header> tag:
</header>
<div id="headerphone"><div id="headerphone-text"><span style="color:#444444;">Call us now!</span> <a href="tel://+18007249946" data-rel="external" style="color:#fff;">(800) 724-9946</a></div></div>
But the phone number is not clickable. How do I fix this? It works when I place that exact same code in an area outside of the header.
Hey ,
header#top nav > ul > li > a { padding-bottom: 0px !important; } header#top nav > ul li#search-btn, header#top nav > ul li.slide-out-widget-area-toggle { padding-bottom: 0px !important; } div#headerphone-text { display: block; z-index: 10000; position: relative; }
Best.
ThemeNectar Support Team