Archived topic
Help Customizing Header Block
5 replies · Started by Fergal on October 4, 2022
Hey there,
Can you please assist me in customizing my header block?
https://imgur.com/a/nQ8kugR
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
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.
Hey Fernando,
Thanks for your reply. Can you please tell me where to find the hide-on setting?
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
Oh I see. Thanks Fernando. I was able to find a method that seems to be working pretty well.
You're welcome Fergal!