[Resolved] Help Customizing Header Block

[Fergal]

Hey there,

Can you please assist me in customizing my header block?

View post on imgur.com

I’m trying to scale down the logo image size to maybe a height of 100px and have a total header height of 250px.

And then for tablet and mobile I would like the logo and headline to be centered, with the logo on top.

Thanks,
Fergal

[Fernando]

Hi Fergal,

Try setting a height on the Image Block for desktop view: https://docs.generateblocks.com/article/image-overview/#settings

With your structure, it might be good to create a separate Container for Tablet and Mobile view, and just set its hide-on settings.

[Fergal]

Hey Fernando,

Thanks for your reply. Can you please tell me where to find the hide-on setting?

[Fernando]

Actually, just remembered it’s a GB Pro feature: https://docs.generateblocks.com/article/container-overview/#hide-on-pro-feature

If you don’t have GB Pro, you can add hide-on classes as mentioned here: https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes

[Fergal]

Oh I see. Thanks Fernando. I was able to find a method that seems to be working pretty well.

[Fernando]

You’re welcome Fergal!

[Author]

Posts