- Posts
Is there a way to freeze the menu on the top of the screen, so when you scroll down it is always on the top of the page?
Yes, and thanks for contacting us.
Customize > Advanced > Custom JS & CSS:
.replace-with-div–or-other-element-name{ position: fixed; }
You can ensure you use the right element with the following:
Right-click the menu
Click Inspect Element
Look for the name of the menu element.
Please let me know if you have any questions regarding this.
I have the same question and I need a little more help. When I go to customize>advanced>Custom JS & CSS, I get 2 windows – one for JS, and one for CSS. Do I enter this code snippet in both? I tried in each one separately, and in both; did not have the desired result in any case. Also, re your “check if you got the right element”, I only have 1 menu. When I right click that, I get a standard windows selection box, no “Inspect Element” selection. Please advise.
I kept looking and found the Menu and Inspect Element – it shows absolute position (clicking on the icon shows this is the menu element. In any case, not resulting in a fixed position for the menu. Any suggestions?
Hi!
I’m sorry for the delay. Finding the correct element can be simple, using the Google Chrome Dev Tools. The linked guide also contains the information on where you should add the custom code (the CSS field). Let us know if you have any questions regarding these instructions, we’re always happy to help!
Sincerely,
Carlos D.
- The topic ‘Freeze Header Menu’ is closed to new replies.
