We created a mobile app using webview but we are having an issue with the menu header.
The header disappears until scrolling has stopped completely.
How can i change the behaviour of the header that it will always stay sticky in the webview app ?
I couldn’t give you a solution for that unfortunately. No such testing was conducting with the theme up to this moment, so issues may happen. Maybe it is related to the sticky menu setting in the theme panel header menu settings, try deactivating it and make tests.
we tried enabling and disabling but that did not help …
we did find this post https://stanko.github.io/ios-safari-scoll-position-fixed/ that discribes the same issue we are having but don’t know where we should add this
Hello,
The code will not work as it is. The code is an example of how it should be implemented. Our theme has different classes and the code needs to be adapted to our own theme code. If you do not have the proper skills to do so, we recommend hiring a freelancer to help out.
Our theme was not tested as a mobile app.
Thank you!
Hi sir,
I do understand that the link is an example and the css must be addapted to work 🙂
Can you atleast tell me which css class is used for the mobile header ?
Hello,
If you want the header menu to always remain sticky you can simply add this code to the theme panel advanced css box:
.td-header-menu-wrap{
transform:none!important;
}
Thank you!
