Hi @smokinmango You may need to activate the plugin for me to help, but this may work, in Custom Site CSS:
@media (max-width: 980px)
#simple-banner {
position: relative !important;
}
@media (max-width: 980px)
.et_fixed_nav #main-header, .et_fixed_nav #top-header, .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header {
position: relative;
}
just activated..I removed code last night so people could place orders…trying your codes now.
now not even coming up. I think my main header menu is blocking
Hi @smokinmango the css i pasted above is not showing in the site, are you sure you put it in Custom Site CSS and saved? Try adding !important to the second rule:
@media (max-width: 980px)
#simple-banner {
position: relative !important;
}
@media (max-width: 980px)
.et_fixed_nav #main-header, .et_fixed_nav #top-header, .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header {
position: relative !important;
}
div#page-container {
padding-top: 0px !important;
}
ugh..what am I doing wrong..still not working
In the Simple Banner Custom CSS section put
z-index: 100000;
Make sure you still include the other css in the Custom Site CSS section i put above.
it’s now working but still covering up menu on mobile site
TO the Custom Site CSS section add:
@media (max-width: 980px) header#main-header {
position: relative !important;
}