Tagged: enfold, gap, line height, spacing, whitespace
For some weird reason there is a massively large gap below the menu (and slide out menu) when my website goes to mobile. I checked and there is nothing in the css that adds this gap.
When I do an inspection for some reason ‘av-logo-container’ is getting a ridiculously huge line=height that is proportional to the window size and it pushes everything down. I can’t figure this out and it’s literally the last thing needed to be fixed before we can go live with the site. Someone please help!!
Hey Chris,
Please try this css in WordPress > Customize > Additional CSS:
@media only screen and (max-width: 767px) {
.responsive#ls-global #top.stretched #wrap_all #header.all_colors {
height: 80px !important;
}
.menu-item-avia-special {
top: 40px !important;
}
}
Best regards,
Mike
Worked Perfectly! Thank you so much!
I may have spoken too soon. It looks like it worked on all pages except for the woocommerce shop pages.
Hi,
Please try adding this for your shop pages:
@media only screen and (max-width: 767px) {
.responsive.html_custom #top.woocommerce #wrap_all #header.all_colors {
height: 80px !important;
}
Best regards,
Mike
Brilliant! Thank you.
Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)
Best regards,
Mike