Tagged: mobile menu error
Hi everyone,
I’ve been using Enfold for some time now and realy love it. I’ve updated to the latest version and seem to have a problem with the mobile menu when viewed on a smartphone.
Then mobile menu does not work properly somehow. How can we fix this?
This is the custom CSS I’ve got that worked before:
#top #wrap_all .av_header_transparency, .av_header_transparency
#advanced_menu_toggle {
display: none;
}
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
position: fixed;
background: transparent;
}
}
.av_header_transparency .logo {
opacity: 0;
}
.logo {
opacity: 1;
}
.av_header_transparency .main_menu {
opacity: 0;
}
.main_menu {
opacity: 1;
}
li.page_item.page-item-645 {
display: none !important;
}
#socket .copyright {
float: right !important;
}
Hey insanityNL,
Have you tried removing your custom css to see if that solves it? You could add it bit by bit to find the brake point.
Best regards,
Mike
Hi Mike,
I even deleted the css I have above and besides color, there is not much change:
Problem found.
Needed to add a Main Menu and add it to a location :D
oh thank you @insanityNL, that was exactly the information i needed :)
me too!
thank you @insanitynl, that was exactly the information i needed :)