Ahoy –
I’m trying to make my mobile menu sticky on my site but the code I found overlaps the advanced layer slider.
Is there a way to have that sticky menu that doesnt overlap.?
.html_header_top.html_header_sticky #header {
position: fixed !important;
}
@media only screen and (max-width: 767px) {
.responsive #main {
padding-top: 82 !important;
}
}
Hey mcraig77,
You can try the following in combination with the CSS you posted:
#layer_slider_1 {
margin-top: 82px !important;
}
Regards,
Rikard
Hi –
So I added that code but all it did was add a blue space above the slidier both in the mobile and desktop versions.
Please advise how to make this work only on mobile an not overlap on the layerslider.
Thanks!
Hi,
Please change the code to following one
@media only screen and (max-width: 767px) {
#layer_slider_1 {
margin-top: 82px !important;
}}
Best regards,
Yigit
Anyway to make the Extra Elements to appear right way on mobile? but on desktop load when scrolled down?
Hi,
The background is the same as the font color. This should work:
@media only screen and (max-width: 767px) {
.responsive #top .av_header_transparency #header_meta {
background-color: #117e73;
}
}
If the same css media query exist, copy the code and put it inside the existing media query. We would like to know if our suggestions above work on your end.
Best regards,
Ismael
Ahoy –
replaced that code and still nothing… here are my logins just in case
T