-
Posts
-
Hy,
In my theme “Enfold – Responsive Multi-Purpose Theme”, the navigation in the mobile view disappears.
How or where can I fix this so that the menu / navigation remains visible on the mobile view!
In addition, can I adjust the font size of the navigation in the desktop view?
Thank you very much.
Hey oh_marketing,
Could you post a link to where we can see the problem you are having please?
Best regards,
RikardHi,
Thanks for that. The mobile navigation seems to work fine on my end though, did you check the site in an incognito/private browser window to see if that helps?
You can adjust the font size of the navigation under Enfold->Advanced Styling.
Best regards,
RikardHello,
Yes i checked. I can’t see the navigation when I scroll down the page! I only see the navigation at the top of the page. But I want the navigation to always appear!
I found the one with the font size.
Thank you very much.
Greetings Oliver
No, unfortunately this doesn’t work for me.
The navigation / menu disappears when I scroll! I have already tested it on 2 different smartphones!Regards
Sorry,
I have now done print screens and uploaded them to Google Drive.
The menu (hamburger) can still be seen on Pic1, as this is the beginning of the page.
https://drive.google.com/file/d/1Iyjra9NlTuCt667HigClKyNyXVooWrBi/view?usp=sharingThe menu can no longer be seen on the Pic2 because I have scrolled down the page.
https://drive.google.com/file/d/1LE2BKiAylbkeKXYBtDSIbz5qFTQ-n6aL/view?usp=sharingI would now like the menu (hamburger) to come down with me.
Hope you understand what I mean.
Thank you very much.
Greetings OliverHey,
And what do I have to look for in the docs? Do I have to adjust this in the code? Is there no function for this?
Best regards,
OliverOk i think i found it. But where exactly at what position do I have to insert this code?
/ * 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;
}
}I think I have to put it in the theme header. But in which position?
best regards, Oliver
Hi Oliver,
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: 767px) { .responsive #top #main { margin-top: 80px; } .responsive #top #wrap_all #header { position: fixed; } }If you need further assistance please let us know.
Best regards,
Victoria
- You must be logged in to reply to this topic.