Making a sticky menu
Hello,
I want on my website a header with my logo and company name written out as well as a menu. But, when I scroll down I want the menu bar to stay at the top of the page (sticky that is). Unfortunately, I can't get this to work.
Can anyone help me with this?
Regards,
Stefan Bruins
-
Hi Berthil,
Thank you for contacting us.
If you have selected the Sticky menu option in the menu settings, please note that you also need to update the logo and menu items in the sticky menu. To make changes to the sticky menu, you will need to scroll down so that the sticky menu becomes visible. From there, you can make the necessary modifications. Alternatively, you can choose the fixed menu option, as shown in this screencast - https://youtu.be/nCXNePbZkYI
If this doesn’t answer your question, please provide more details so we can further assist you.
Best regards,
Ariel H.0 -
Hello Ariel H.
Thank you for helping! Unfortunately, it doesn't answer my question. I need help for the website juweliershuisgoor.nl.
When you check out the header structure, you see a header with a logo and the company name.
In a separate section I've made a menu. My purpose is that if you scroll down, de menu is sticky at the top of the page and the header with the logo and company name disappears.Kind regards,
Stefan Bruins
0 -
Hi Stefan,
Please set the header with the logo and the company name as a regular block and use the header block for the menu and set the condition sticky for the menu block. Please have a look at my test page here https://brizy.tech/sticky-menu/
Please watch this screen recording for more detailed instructions. https://jmp.sh/9KPgUAKB
I have missed one point in the screen recording. In the Brizy Editor, scroll down the page to see the sticky header. Design the sticky header just like the menu bar.
0 -
Thank you so much! I tried it and it works.
0
Please sign in to leave a comment.
Comments
4 comments