Hello,
I know you seen this a bunch of times, and I tried getting it to work with code from other people, but my menu text overlaps the logo in smaller screen sizes. 990px is selected in the theme options. Any help is greatly appreciated!!!
http://wcct.wpengine.com/ (hosted on WPengine)
Thank you,
Chris
(Email address hidden if logged out)
Hey ind-image!
You actually have a few options you can choose to follow through with.
– Would you like it to switch to the mobile menu once it gets down to 990px size screens (using a media query)?
– Or would you prefer to adjust the margins/font size between each menu item?
Cheers!
Dake
Hi Dake,
Whatever option you think is best, just don’t want the overlap to happen anymore at any size. But just changing it to mobile before the overlap happens works for me.
Thanks!
Chris
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 1125px) and (min-width: 990px) {
.logo * {
max-width: 65%;
top: 5px;
}}
Best regards,
Yigit
Thanks Yigit! Exactly what I need, you’re the man! Consider this issue closed.
Thank you,
Chris
Hi!
You are welcome, we are always happy to help :)
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 :)
Have a great rest of the day : )
Regards,
Yigit