Tagged: transparent mobile menu
Hi Guys,
Hoping someone can help me figure this out! I added some css to make my mobile menu transparent on all mobile devices (tablet and phone), but it has suddenly stopped working out of nowhere. Not sure why. I tried adding in various other codes and refreshing the site but it doesn’t seem to be working :-/
This is currently what I have which worked for months and is now suddenly not:
#top #menu-item-search.menu-item-search-dropdown>a { display: none;
}
@media only screen and (max-width: 1280px) {
#top #wrap_all .av_header_transparency {
background: transparent;
position: absolute!important;
}}
Thank you so so much!
Hey ctpropertiessouthcoast,
Best regards,
Victoria
So I tried a bunch of different things. The classic editor plugin (not sure if this would even have anything to do with it) was installed on the site and that is when I noticed the transparency was no longer working so I uninstalled it and that did not seem to fix it. I also re-wrote the css a bunch of different ways and nothing is working. Perhaps it has to do with the recent wordpress or enfold theme update?
I am pretty desperate to get this back to the way it is suppose to look :-/
Thank you
Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
@media only screen and (max-width: 989px) {
.html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
background-color: transparent !important;
}
}
Best regards,
Mike