Hi, I have a problem with the top mobile area of my site. It's cut off, the haburger menu is hidden. I'm trying to fix it via CSS. If I try to simulate the bug with the Chrome developer tool (f12), it works fine: the bug is only on my Android mobile devices. How can I solve it? Thank you, best regards Andrea
@media only screen and (min-device-width: 320px) and (max-device-width: 992px) and (-webkit-min-device-pixel-ratio: 2) { #page:not(.vertical-header) #site-header.animated-header { height:auto!important; } }
Hi, I have a problem with the top mobile area of my site. It's cut off, the haburger menu is hidden.
I'm trying to fix it via CSS.
If I try to simulate the bug with the Chrome developer tool (f12), it works fine: the bug is only on my Android mobile devices.
How can I solve it? Thank you, best regards
Andrea
Attached files: WhatsApp Image 2024-08-08 at 16.56.11.jpeg
the css issue has been fixed in this way:
@media only screen and (min-device-width: 320px) and (max-device-width: 992px) and (-webkit-min-device-pixel-ratio: 2) {
#page:not(.vertical-header) #site-header.animated-header {
height:auto!important;
}
}
...but the hamburger menu doesn't work
Hi,
This problem is caused by the SpeedyCache plugin.
Thanks a lot, Michael. Now it works correctly. what caching plugin do you suggest?
Please read the documentation:
https://docs.codex-themes.com/article/280-one-click-optimization
ok, now it works fine. Thank you!
You're welcome!
Have a nice day!