[Resolved] Reduce spacing on mobile view

[Damon]

Hello.

I would really appreciate if someone could help me.
I want to reduce spacing on mobile view on my custom header between .inside-page-hero h1 and .site-content
I’d also want to see the dogs in the background image on mobile view.

Kind regards
Damon

[David]

Hi there,

if you edit the Header Element in Appearance > Element, on the Page Hero Tab you can change the Bottom padding value, there is an option to change it specifically for mobile by clicking its icon:

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

For the background image, that is has been set in Customizer > Backgrounds > Body.
You can change the image positioning and by adding these properties:

background-position: center top;
background-repeat: no-repeat;
background-size: cover;

[Damon]

Thank you David.
I had never noticed the mobile icon on Elements – Good to know.
Kind regards
Damon

[David]

You’re welcome

[Author]

Posts