Archived topic

Website header question

3 replies · Started by John on June 26, 2020

Viewing posts 1–4 of 4

June 26, 2020 at 6:36 am #1342552

Hi There

I'm trying to make a header similar to this website https://thehutcolwell.co.uk/. It starts off with a large logo and transparent background with a photo in the background, and then when you scroll it becomes a solid sticky header and the logo shrinks, can this be done at all? any help would be appreciated. The website I'm putting it on is on a local web host so it isn't live yet.

Many Thanks,

June 26, 2020 at 8:07 am #1342805

Hi there,

this article explains how to create the centered logo:

https://docs.generatepress.com/article/centering-logo-navigation/

and you can make a transparent merged header using a header element:

https://docs.generatepress.com/article/header-element-overview/

The Sticky Navigation will use the colors in Customizer > Colors > Primary Nav, so you need to set these to a solid color and change them to transparent only in the above header element.

June 30, 2020 at 7:35 am #1346991

Hi David

Thanks for coming back to me. The sticky menu logo doesnt stay in the middle and land on the left wit hthe menu on the right. Is there a way to get the sticky to be the same as the header? ie logo splitting the menu.

Thanks

June 30, 2020 at 10:05 am #1347300

Can you link me to the page in question so I can see the current progress?

Thanks :)

This archived topic is closed to new replies.

Start building better websites today.