Hello!
First time posting here. Really enjoying building my site with Enfold! Thanks for the great theme.
I have created a custom width header (150px height), full screen width. Logo placement is fine. But the text on the menu (“Home” … “Contact” etc) is automatically centering in the header, when I want to be along the bottom right.
Still new to all of this so any help will be appreciated.
Thanks
Hey Erin!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av-main-nav > li > a > .avia-menu-text { position: relative; top: 50px; }
#header_main nav .social_bookmarks { top: 83%; }
Regards,
Yigit
Hi Yigit,
Thank you for your timely response and your assistance! I added the code to the Quick CSS tab, and it worked perfectly on the social icons, but the menu remained in the same position. I tried changing the value “50px” to “83%” to try that as well but it didn’t work.
Is there anything else you could suggest?
Thanks again!
Cheers,
Erin
Hi!
Please replace this code:
.av-main-nav > li > a > .avia-menu-text { position: relative; top: 50px; }
with this:
.av-main-nav > li > a { padding-top: 50px; }
Regards,
Ismael
Thank you Ismael, however this code also has not resolved the problem.
Hi!
The code does the job, just make sure the “greater than” signs are written correctly in the Quick CSS field (this happens when you copy it directly from the mail notification).
Regards,
Josue
Silly me! Thank you for that.
The original code worked perfectly! Sorry for the run around.
Cheers
Erin
You are welcome Erin, glad we could help :)
Regards,
Josue
HI, just found this very useful too, thank you, Mike