We want to make the menu on the left side, but when we look the website on a iPad the navigation does not shrink and the content (Slider) is beneath the navigation and not responsive.
What will be the solution.
Hey Remmy!
can we please heck your web site, so we can see what is needed to be done and help you move further with it?
Best regards,
Basilis
Our website is http://www.uw-houtenkozijnen.nl.
Hey!
The left header will switch to the top when the screen width reaches 767px or below. If you want the switch to happen earlier, add this in the Quick CSS field:
@media only screen and (max-width: 1024px) {
.responsive #top #wrap_all #header {
position: relative;
width: 100%;
float: none;
height: auto;
margin: 0 !important;
opacity: 1;
}
.responsive #top #wrap_all .container {
width: 85%;
max-width: 85%;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
float: none;
}
.container #advanced_menu_toggle, #advanced_menu_hide {
display: block;
}
.main_menu .avia-menu, #header_main_alternate, .fallback_menu {
display: none;
}
}
Cheers!
Ismael