[Resolved] Sticky Header

[seashore]

URL: https://shelley.wordkeeper.net/

SCREENCAST: https://www.loom.com/share/56a8655ddee440e6be42c7caa3a78da8

MESSAGE: This is a prebuilt site and I’m trying to figure out how to manage this header area both upon page load and also upon scrolling down the page. I tried Appearance > Customize > Layout, and looked at each tab and settings but don’t see anything promising. Can you tell me where this section is controlled and also where I can find documentation/tutorials on this feature? Thanks.

[Leo]

Hi there,

Glad to see you are using Vacation from our site library!

What about it are you trying to change?

If you are trying to change the transparent color, head to Dashboard > Appearance > Elements and edit the navigation colors in the Home Merge element:
https://www.screencast.com/t/IvaK9OFva

Let me know if this helps 🙂

[seashore]

Ok that is helpful and yes I can change transparent color and navigation colors in Elements. But I cannot change the stock logo that appears upon mouse scrolling. I uploaded my own logo in the Header Element “Home Merge” > Site Header > Site Logo field but that didn’t affect scroll down logo.

[Leo]

That should be the one under Site Identity:
https://docs.generatepress.com/article/adding-header-logo/

Let me know 🙂

[seashore]

ah yes. And also neither my site identity logo file nor my header element logo file appear as crisp and high res as the stock site logo file. I can’t figure out why as I am using png file types same as the stock file type, and also same file size 800×337. What please is the secret to a professional high res logo please here?

[Leo]

Using an SVG logo is your best bet.

[seashore]

But the prebuilt site uses png and it looks good.

[Leo]

I’m actually seeing a bit of blurry-ness in the original Vacation logo too.

Instead of uploading an image that’s 800×337, Try something closer to the actual size like 200px in width.

[Author]

Posts