Header block not responsive

Illdy
1

Hi there, I’ve removed the header images on every page so now just have a block of colour however there is too much padding in these areas, especially on the homepage so on a mobile there is masses of not needed colour. How can I change this so that it is responsive and on a mobile the Jumbotron Section Title sits higher and has less space below it?

2

Hello there,

I hope you are doing well today.

Could you please provide a link to your website so that I can inspect it?

Best Regards,
Support

3

Of course: http://www.jdaveytest.co.uk/

4

Hello there,

You can use the following CSS code to adjust the padding on mobile by going to Appearance > Customize > Additional CSS and pasting it there.


/*Mobile padding*/

@media only screen and (max-width: 768px) {
#header .bottom-header {
    padding-top: 40px;
    padding-bottom: 40px;
}
}

Best Regards,
Support