Hi Support,
I have a problem with responsive mode activation time/size.
My website mobile menu and header activation is too late. So on MacBook 12″ only barely good, but iPad landscape mode is awful… The menu items on each other and on the logo…or no menu items just a blue header and not transparent logo.
Please help me. I try so many css but none of them working.
Thank you,
Peter
Hi Peter,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 1150px) {
nav.main_menu {
display: block !important;
}
#avia-menu .menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}
Best regards,
Rikard
Hi Rikard,
Thank you, the css is working, but as I diminutive the the window will come a width (maybe iPad landscape mode) where the header is blue, the letters and logo not visible.
Thanks,
Peter
Hi Peter,
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 (min-width:768px) and (max-width: 1024px) {
#top .av_header_transparency .header_bg {
background-color: #fff;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Thank you Victoria, it’s perfect! :)