How to make main menu sticky

Posted in: Newspaper
Post count: 21

We have a reference website https://bitemagazinstg.wpengine.com/ where when you scroll down the main header and menu become sticky. https://prnt.sc/KWUdemnoLrXt

We are trying to make the same changes to a new website https://cssfatmag.naphix.com/ but cannot seem to find the option for this.

Are you able to help!

Post count: 21065

Hello @engage-media !

You can set any row as sticky: https://prnt.sc/sR1ppwW85x9M
There’s another way as well. Please follow the video to see where you can find and build your sticky header on mobile and desktop too: https://www.screencast.com/t/l6v2Belt

Thank you!

Post count: 21

Hi @Bettina,

Unfortunately, we are currently using the Global header. We like the Global header and do not want to create a custom header. We do not see the sticky option for the Global header.
Screenshot: https://prnt.sc/5JgdRyoLEDEN

Please advise.

Post count: 21065

Hello @engage-media !

Ok. So, you have the theme panel settings for that: https://prnt.sc/o0Hle_y07e7W

Thank you!

Post count: 21

Hi Bettina,

Thank you for this.
This helped. Also, the hamburger icon on the mobile menu is centered and overlapping with the logo. How do we change the position of the hamburger icon https://prnt.sc/mKEcSWSdipbM

Post count: 21065

Hello @engage-media !

Did you apply some CSS code in the theme panel?

Make a test and deactivate ALL plugins except tagDiv ones, also if you are using a cache plugin, deactivate it, clear all cache and try again.
If the problem is still there, then contact us via email at contact@tagdiv.com and provide the following:
– admin url and credentials
– a link to this topic in order to identify you
We will take a look and try to help you asap.

Thank you!

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.