Tagged: custom.css, header, main menu
Guys,.. forgive the duplication,.. but we have tried all of the other CSS from the previous threads on this and nothing is working.
We need to lower the main menu text so that it flys under the logo instead of through the middle of it. Looks like right now the default is for the text to sit in the center of the center of the header.
What is the solution? The site is under development and hidden from the public. Login crendentials attached.
Thanks in advance.
Hey Diana,
Login details are not working for me, could you check/verify please?
Best regards,
Rikard
Try the attached
Hi,
Thanks, that worked.
Please try the following in Quick CSS under Enfold–>General Styling:
span.avia-menu-text {
vertical-align: text-top !important;
padding-bottom: 10px !important;
}
Regards,
Rikard
Thanks! That worked great. The only issue is that we’re using the sticky header. When the user scrolls down and the sticky header appears,.. the menu still flys over the logo. Any way to fix this?
Hey!
Please add following code to Quick CSS as well
.header-scrolled .logo img {
padding-bottom: 10px;
}
Best regards,
Yigit
That did it. Thanks so much! You guys rock!
Hey!
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Regards,
Yigit