Hi
I have been trying to re-create an existing website for a client but using WordPress and Enfold.
For the header I added this to the Quick CSS in order to change the position of the buttons in the main menu:
.main_menu ul:first-child > li a {
height: 35px !important;
line-height: 35px !important;
}
The positions and heights look fine now but something strange happens now when you hover on the main menu drop-down menu and text appears underneath the drop-down items.
Please can you tell me what I should use to stop this happening?
Thank you
Hey jscarlett,
It looks to be due to the custom CSS you added, what exactly are you looking to achieve?
Best regards,
Rikard
Hi Rikard
I’m trying to move the main menu text and hover line up to be inline with the header background image.
I have removed the custom CSS I added to you can see what I started with.
What should I use?
Thanks
Jane
Hi Jane,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top #header_main > .container .main_menu .av-main-nav > li > a,
#top #header_main #menu-item-shop .cart_dropdown_link {
height: 35px !important;
line-height: 35px !important;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria
That works perfectly – thank you so much!
Jane
Hi Jane,
Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi Rikard yes you can close the topic.
Thanks
jane