sticky menu

Posted in: Newspaper
Post count: 91

Hi,
How can I make the header menu sticky?

View post on imgur.com

Thank You!

Post count: 35449

Hi,
You can enable/disable the sticky menu using the header manager – https://i.imgur.com/sn6BVIW.png or you can select the row that you want to become sticky and activate the sticky option for it – https://i.imgur.com/9nuSbub.png
Thank you!

Post count: 91

Hi,
Which is better?
Thank you!

Post count: 35449

Hi,
If a different header is used for the sticky version, use the one from the manager. However, if the header is the same, use the sticky option from the row instead.
Thank you!

Post count: 91

Hi,
Okay!
Can I create a header menu like this?

View post on imgur.com


Thank you!

Post count: 35449

Hi,
This can be done, but it’s not easy, as it requires some custom code.
To achieve a similar effect, the best approach is to make the row sticky and position the logo where you want it to appear. After that, you’ll need to apply custom CSS and JavaScript to replicate the effect shown in the image.

Post count: 91

Hi,
I want the text logo to disappear when scrolling down, so that only the menu and other elements remain.
When scrolling back up and reaching the very top of the page, the text logo should reappear.
Can you help me with this?

Thank you!

Post count: 35449

Hi,

The scroll animation can only be achieved using a combination of CSS and JavaScript.

Regarding the theme functionality: it provides both a main header and a sticky header. These are separate, so you can assign different elements to each one. You also have the option to make the main header row sticky. However, if you do this, the same content will appear in both the main and sticky headers (which is expected behavior, as it’s essentially the same header).

To achieve the desired animation effect, you can use JavaScript along with specific CSS classes. By detecting the user’s scroll position, JavaScript can be used to trigger certain actions—like showing or hiding elements based on scroll behavior.

Thank you!

Post count: 91

Hi,
Can the header menu and the sticky header menu be designed differently? If yes, how?
Thank you!

Post count: 35449

Hi,
Yes, this can be done. For this, you should not use the sticky row option, and you should use the sticky header from the manager – https://i.imgur.com/WorgraN.png https://forum.tagdiv.com/header-manager/. Using this option will have a sticky zone where you can add rows and elements that you want to have on the sticky header.
Thank you!

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