I have logo size is 182px x 98px I am using Transparency Logo I would like to know is it possible to change the spacing/padding of Main Menu items (Home, About, Contact) independently from the logo. I had to set Header Layout > Header Custom Height to 120px so logo is not cut off. If I change header custom height from 120px to 90px it moves the menu to the top but logo is cut off.
Please advise
Hey edinc79,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
Rikard
Here you go. Thanks!
Anyone? Thanks!
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #header_main > .container .main_menu ul:first-child > li > a {
line-height: 90px;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
If that does not help, please post a screenshot and show the changes you would like to make. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.
Best regards,
Yigit
FYI: CSS did not work?
Hi,
Please try changing it to following one
#top #header_main > .container .main_menu ul:first-child > li > a {
line-height: 90px !important;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
This worked.
Is it possible to have this modification only on home page not other pages?
Hey!
Please remove the code from Quick CSS and edit your homepage, add code block element and place following inside your code block element
<style>
#top #header_main > .container .main_menu ul:first-child > li > a {
line-height: 90px !important;
}
</style>
Cheers!
Yigit