Hi,
I enabled the fourth option in Enfold theme options > Header > Header Behaviour to make elements of my header always be placed at the edge of the browser window, instead of corresponding to the content width.
It works on desktop, but not on mobile.
Could you please help me?
If needed, you can find a link and credentials to my website in private content.
Thanks a lot!
Hey fcp,
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 #wrap_all .container,
.html_header_top #top .av_header_stretch .container {
width: 100%;
max-width: 100%;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
Thanks for your reply.
I’m sorry but this code doesn’t work. But maybe it could also be linked to this issue: https://kriesi.at/support/topic/unstick-topbar-on-mobile/.
Hi fcp,
Best regards,
Victoria
Oh I’m really sorry!!
I was confused with another issue I have…
I wanted elements on mobiles to use the full width, but only in my menu.
So I changed your code to:
@media only screen and (max-width: 479px) {
.container.av-logo-container {
width: 100%!important;
max-width: 100%!important;}
}
…and everything is ok for me now!
Sorry again and thanks a lot for your help! :-)
Best regards.
Hi fcp,
Great! Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
Everything is ok for me now.
The topic can be closed.
Thanks a lot! ;-)
Hi fcp,
We’re glad to hear that :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko