[Support request] Approach for specific Header Customization

[hichb]

Hello,

I would like to achieve the same header as in this site: https://manoverboard.com/
First, they have a preloaded animation with a different background color, but I’m not sure how to achieve this? Jquery?
Second, how to position the logo on the home page as the site (left and with margin top?)
Third, how to only enable hamburger menu on the right (in this case the site has a blue dot icon instead of the menu)
After when you scroll down the menu is sticky which is something that can be done with GP.

Thanks a lot for your suggestions!

[Tom]

Hi there,

Yes, that would definitely require some custom jQuery.

The top area with the logo and icon could just be your navigation with the navigation logo: https://docs.generatepress.com/article/navigation-logo/

That way it can be sticky as well, and you can merge it with the page header so it’s transparent.

[Author]

Posts