Archived topic
Top Bar and Sticky Menu on Mobile
5 replies · Started by Mindy on March 22, 2020
Hello! I am wondering if it is possible to have the top bar visible on mobile while the menu is sticky on mobile. I followed the instructions to show the top bar on mobile and that worked. However, it seemed to "un-sticky" the mobile menu even though I have it enabled. Thank you!
Hi there,
Just to confirm, you have the sticky mobile header (not sticky navigation) turned on?
https://docs.generatepress.com/article/mobile-header/#sticky
Let me know :)
Wow, do I feel silly! Thank you so much! I thought I had enabled it! That did fix the issue, but I have a related question. Now that I have the top bar showing on mobile, my hero-headline text is partially obscured by the menu. How can I add top padding (or another solution) to move the text down a little, on mobile? Thank you again!
I'm seeing a merged header element being used:
https://docs.generatepress.com/article/header-element-overview/#merge-with-content
Looking at your layout, I don't think that's what you want?
Let me know :)
Thank you so much Leo! Yes, changing the setting to "merge on desktop" fixed it. You're the best!!
No problem :)