Having Trouble with Implementing New Header Image

Hi James,

Can you clear and disable your caching plugin first?

Let me know :)

Cleared and disabled. No joy.

Can you show me a screenshot of your header element setup?

And have you considered using a block element page hero instead since you are using blocks already?
https://docs.generatepress.com/article/block-element-page-hero/

I tried the block element page hero, but ended up with a black area where the image was to appear. I simply want to put a new header image in place of my site title and tagline on the front page only (for now). I have done it before, but I must be missing something, Leo.

Hi James,

You'll need to add Top and Bottom paddings for it to appear. You can refer to this article for more information: https://docs.generatepress.com/article/header-element-overview/

For Block Element - Page Heroes, here's an article you can refer to: https://docs.generatepress.com/article/block-element-page-hero/

Let us know how it goes.

Thanks! I just needed some content, it seems. Now to work on the padding.

You're welcome, James!

Actually, now I need to disable it on mobile where it no longer fits. Is it better to use the Block Element?

Yes, personally, I would recommend using a Block Element - Page Hero. It's the newer method of creating Page Heroes, and it's much easier to edit.

You can also easily add hide-on-mobile class to a specific Block so that it's hidden on mobile.

Reference: https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes

Adding Custom Classes: https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/

I will give it a look and start a new topic if need be. Thanks again!

You're welcome, James! Feel free to reach out anytime! :)