Tagged: mobile
Hello,
I have been unable to find a solution for an issue I’ve been having where the mobile viewing of all my pages shows a large extra white space.
I’m not sure if I need to change a theme setting, add a custom CSS code, or change something else.
I’m not sure where the ability to upload pictures is, but I can share them if necessary.
Help would be greatly appreciated. Thank you!
– Dave
Hey dtilley63,
Thank you for the inquiry.
It seems to be an issue with the logo inside the main header. Please update the theme to version 4.8.7.1, then try to upload the logo again in the Enfold > Theme Options. Make sure to remove the previous logo beforehand.
Screenshot of the issue. https://imgur.com/Kr1VxMK
Temporarily, you can add this css code to limit the height of the header on mobile view.
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .main_menu, .responsive #top #wrap_all .av-logo-container, .responsive #top #wrap_all .av-logo-container a img {
height: 80px !important;
line-height: 80px !important;
}
}
Best regards,
Ismael