Archived topic
Menu icon disappear on mobile
7 replies · Started by Boedi on March 28, 2021
Hi,
I have a small issue when we open on mobile. I have the screen recording here:
https://youtu.be/4KgEwjNnl4s
After we scroll down, the icon disappear. And when we go back to the top of the page, it's reappear.
Secondly, I would like to ask how to make the top bar hide on mobile?
Thanks
belikerupuk.com
Hi there,
1. Did you resolve the issue ? As i can see the menu icon when scrolling.
2. Remove top bar on mobile with this CSS:
@media(max-width: 768px) {
.top-bar {
display: none;
}
}How to add CSS: https://docs.generatepress.com/article/adding-css/
Nope,
Every time I scroll down, the menu icon disappear. It goes back when I back to the top.
Thanks
Which device are you seeing this on? Have you tried clearing the browser cache ?
https://youtube.com/shorts/yZvEzxC0cjE
Sorry my mistake, the menu icon doesn't disappear. It just the sticky bar become too wide on mobile view that makes the icon menu off the screen.
So, how to fix this?
Hi there,
Can you try adding this CSS:
html{
overflow-x: hidden !important;
}Your qubely block is causing overflow issues. It's breaking how the sticky mobile header behaves.
Ok, its fixed. Thanks for that.
Cheers,
Boedi
Nice one. Glad you got it sorted. No problem. :D
