Hello, I found this. This solution sticks header menu and top bar (on mobile).
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
position: fixed;
}
.responsive #top #main {
padding-top: 131px !important;
}
}
This is close to what I need.
Here is what I am trying to do: I would like to stick the header menu (both, on desktop and on mobile) BUT unstick the top bar only on mobile (means: top bar is sticky on desktop and unsticky only on mobile).
Do you have a solution for me to get this done. This would be really great!
Thank you in advance
Holger
Hey,
Please try using the code as following
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header_main {
position: fixed;
}
.responsive #top #main {
padding-top: 131px !important;
}
}
Best regards,
Yigit
Hello Yigit, thank you for your answer. This is very close to what I would like to do.
In the meantime I hired a freelancer who did the trick for me.
I belive you had a lot of work because of WordPress 5.0.
Let me close to say that Enfold is the best theme out there for many years! I already bought multiple installations and will not stop to use this great theme! Thank you for your great support, too.
Best regards
Holger
Hi Holger,
You are right, forums are pretty busy after the release of WP 5.0.
Thank you so much for your understanding and kindness! :)
Also happy to hear that freelancer did the trick for you :)
Let us know if you have any other questions or issues and enjoy the rest of your day!
Best regards,
Yigit