Hey Kriesi Support,
Can you provide me with some Quick CSS to help fix the non responsive mobile menu I’m getting when viewing the site in landscape on my iPad.
It works great when viewed in Portrait mode. I’d like to have this view I’m getting in portrait mode be the same in landscape mode (see attached):
http://www.discoverwashingtonwine.com/wp-content/uploads/2018/01/ipad_retina2_portrait.jpg
This is what i’m getting in Landscape view:
http://www.discoverwashingtonwine.com/wp-content/uploads/2018/01/ipad_retina2_landscape.jpg
As always, thanks for the great support!
Gary
Hey alliancepp,
Try adding this css code in QUick CSS (located in Enfold > General STyling):
@media only screen and (max-width:1024px) {
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
display: none;
}
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
display: block;
}
}
Best regards,
Nikko
Nikko,
That worked perfectly! It looks great!
As always thanks for the great support.
Gary
Hi,
I’m glad Nikko was able to help you. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon