I recently upldated our site to 4.3 and use a child theme but I can’t seem to get the menu to work properly on mobile devices.
We have a custom header footer and functions so maybe we messed something up there but can’t seem to figure it out
I was able to get it to show up but everything is out of place on mobile
Hi ipdgraphics,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .main_menu {
top: -75px;
}
.responsive #top #wrap_all .av-logo-container {
height: 80px !important;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Thank that for the menu back up the right place however know there is a dark grey gap between the menu and the slider.
Hi ipdgraphics,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 479px) {
#layer_slider_1 {
position: absolute;
}
#after_layer_slider_1 {
padding-top: 120px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#layer_slider_1 {
position: absolute;
}
#after_layer_slider_1 {
padding-top: 300px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria