Hi,
i wanted to have a sticky menu on mobile. I copy paste CCS code below but i have a strange black bar below my sticky menu on mobile.
can you help me please ?
/* Sticky header on mobile */
@media only screen and (max-width: 767px) {
.responsive #top #main {
/* Margin top value should be equal to header height*/
margin-top: 180px;
}
.responsive #top #wrap_all #header {
position: fixed;
}
}
Hey ced23,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Hi Victoria,
Of course . Sorry. See in private area.
Thanks
Hi ced23,
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 (max-width: 989px) {
.responsive #top #main {
margin-top: 82px;
}
.responsive #top #wrap_all #header {
position: fixed;
}
#top .av_header_transparency .header_bg {
background-color: #ffffff;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi,
It works perfectly.
Thanks for your support
Hi,
Great, I’m glad that Victoria could help you out. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi, you can close the ticket.
Thanks
Hi ced23,
We’re happy to hear that :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko