- This topic has 7 replies, 3 voices, and was last updated 5 years ago by
.
-
Posts
-
Hi,
I have a small issue when we open on mobile. I have the screen recording here:
https://youtu.be/4KgEwjNnl4sAfter 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.comCustomer Support
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?
Customer Support
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,
BoediNice one. Glad you got it sorted. No problem. 😀
- You must be logged in to reply to this topic.
