Hello,
I´ve checked all preferences and didn´t saw a possibility for a sticky mobile header. But we need that. Do you have an idea?
Thanks
Hi AWZ,
Sorry for the late reply, could you post a link to the site in question so that we can take a closer look please?
Best regards,
Rikard
See below
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px) {
#header {
position: fixed!important;
top: 0;
}}
Best regards,
Yigit
Thanks Yigit,
it works- cool!
The displayed mobile header overlays the content. Further questions to that:
a) Is it possible to display the header and include a transition, so that the header is only displayed if the user touch / scoll through the website?
b) Instead of overlay the content, is it possible to display the header over the content?
Thanks
Hi,
1- Please feel free to request – or vote if already requested – such feature on Enfold feature request form. It is currently not easily possible.
2- Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px) {
.responsive #top #main {
padding-top: 80px!important;
}}
Best regards,
Yigit
Rocks! Thanks.
Hi!
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Cheers!
Yigit