I am hoping to reduce the size of the background/header image on my site's blog and landing pages. It takes up a lot of room, and users have to scroll to see the rest of my content.
Can anyone provide guidance on how to reduce the height?
Jul 24, 20185:29 PM - edited Jul 25, 201810:10 AM
Key Advisor
Reduce height of background image
Hello!
On desktop, the height of your background image is being set by the padding on the "custom-banner-area" class. If you Ctrl + F in your CSS and search for ".custom-banner-area" you should see this:
(Screens smaller than 414px and 767px respectively)
You can also change the padding on these to reduce the height on smaller devices.
EDIT: note that in the padding, the first number is the padding at the top and bottom and the second number is how much padding there is in the left and right (keep this as 0).