Making the mobile menu static

While using Gema you might have noticed that the menu is sticky on mobile. This means that, while you scroll on the page, the menu will continue to display at the top of the page.

If you want it to be static and not follow the visitor as they browse around, you need to follow these steps:

  1. Navigate to Appearance → Customize → Additional CSS.
  2. Add the code below:
/*Make mobile menu static*/
.mobile-header-wrapper {
  position: absolute;
}
  1. Click the Publish button.

That’s it.

Updated on February 21, 2022

Can't find what you’re looking for? Ask a human.

We're a small team of real people providing real help. Send us an email at hello@pixelgrade.com and we will give you a helping hand.