Hi, I was hoping you could help me quickly code in a phone number to my header section.
I have tried add this to the logo image however when the page is resized it move into the main nav. Can you please help me do this within th code. I am happy to CSS style it just need the code and where to add.
I have added the URL below (temp url) so you can see what I mean
Many thanks
Hayden
Hey Hayd028!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 1040px) and (min-width: 767px) {
.main_menu ul:first-child > li > a {
padding: 0 7px; }}
Then go to Enfold theme options > Header > Mobile Menu and choose to display it at 990px
Regards,
Yigit
Thanks Yigit…….however still a little clipping of the home in the Nav……I could live with it however if there’s a tweak you can suggest that would be awesome
Thanks
Hayden
Hi!
You can change “padding: 0 7px;” to “padding: 0 5px;” or even less but spacing between menu items will be small then. Other than that, i am afraid there is no other tweak
Regards,
Yigit
Hi Yigit,
I changed the max width slightly and works like a charm.
Thanks for your help and quick reply
Hayden
Hey!
You are welcome Hayden, glad we could help! I have seen that you have another topic ( https://kriesi.at/support/topic/how-to-add-phone-number-to-header/ ) but it seems like you have already figured it out. Is it ok if i mark it as resolved as well? :)
Best regards,
Yigit
Hi,
yeah sorry, I couldnt find it so I added again. Yes thank you.
Hayden