-
AuthorPosts
-
July 8, 2020 at 12:40 am #1228734
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!July 11, 2020 at 3:08 pm #1229605Hey 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,
VictoriaJuly 11, 2020 at 4:05 pm #1229624Hi 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/.July 11, 2020 at 5:19 pm #1229664Hi fcp,
Best regards,
VictoriaJuly 11, 2020 at 5:43 pm #1229673Oh 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.July 13, 2020 at 6:21 pm #1230026Hi fcp,
Great! Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
VictoriaJuly 16, 2020 at 11:21 pm #1231043Hi Victoria,
Everything is ok for me now.
The topic can be closed.
Thanks a lot! ;-)July 16, 2020 at 11:45 pm #1231046Hi fcp,
We’re glad to hear that :)
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘Header Behaviour on mobile’ is closed to new replies.
