Hi guys,
I wanted the phone number that appears in the header to be bigger and stumbled across an old post to get some code to have a bigger number including a link to call but I need to use two numbers and using the below code I get a line break which makes the top header too big.
How do I do this so both links are side by side with no line break?
<h3 style=”font-size: 18px !important; color: White !important;”>OFFICE: 12345 678 910</h3><h3 style=”font-size: 18px !important; color: White !important;”>MOBILE: 12345678910</h3>
Appreciate any advice/help.
Thanks.
Hey anuk82!
Can you please post the link to your website?
You can go to Enfold theme options > Header > Extra Elements and add your phone number there, you do not need to edit files.
Regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.phone-info a {
float: left;
margin-left: 15px;
}
Regards,
Yigit
Thanks, that seems to have done the trick. Do you know if there is a way to lose some of the padding below the links as it has made the bar a bit wider than the actual text seems to be?
Hi!
Please add following code to Quick CSS as well
.phone-info {
max-height: 30px;
}
Best regards,
Yigit
Yigit,
That’s great! Thanks for all the help and such speedy responses, particularly with all the other query’s you have to deal with as well.
Hi!
You are welcome, we are always happy to help :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Best regards,
Yigit