Archived topic
Reduce spacing on mobile view
3 replies · Started by Damon on December 12, 2022
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
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;Thank you David.
I had never noticed the mobile icon on Elements - Good to know.
Kind regards
Damon
You're welcome
