Hello, I haven’t been able to find anyone attempting to move the Header Phone Number/Extra Info bar that pops above the main menu to be below it instead. Is this a quick and easy fix?
Hi Mike!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.phone-info { position: relative; top: 30px; }
Regards,
Yigit
Hi Yigit! Thanks for the response. I’ve tried adding that snippet of code to the Quick CSS and it ended up just moving the text, not the entire div.
I’m trying to get the entire div header_meta that displays above header_main by default when you enable the Header Phone Number/Extra Info in Enfold Theme Options –> Header –> Extra Elements to be below header_main.
I’ve created some screen shots to illustrate…I’m building this locally so I don’t yet have a link to the site I can share with you.
I was able to move the div where I wanted using the Inspect Element tool, I’m just not sure how/where to edit our theme to achieve this.
Hi,
try this code inside of Quick CSS field:
div#header_meta {
top: 130px;
}
and adjust as needed.
Best regards,
Andy
Hi Andy, worked great. Thank you!
I entered the code and that worked great but now the menu dropdowns won’t work. Any ideas?
Hi SandraSquires,
Exactly what are you looking to do? Please try to explain a bit further or post a screenshot of your intentions.
Best regards,
Rikard