Reply To: Unwanted padding around header and responsive slider

Take a look around line 1995 or search for this in your css –

.header-image .site-header .widget-area {
    padding: 26px 0;
    padding: 1.625rem 0;
}

Change the code in your css to what I have above and see if that works. The rem didn’t match the px in your css, so I added in the correct number to make sure they are equivalent. I also decreased the rem that was being used. It looks like you tried to adjust the padding to 10px but didn’t adjust the rem….which was why it looked like that. Most browsers will use the rem first before the px.

For the bottom of the slider – look around line 1184 and remove the 20px bottom margin like this –

.slider .wrap {
    margin: 0 auto 0;
    padding: 0;
    width: 1140px;
}

There will still be a little bit more space you’ll need to remove, and this can be done on line 1190. Remove the margin bottom –

.slider .widget {
    margin: 0;
}

That should do it.

I like the direction you’re going in with the design! Send me your link when you’re done with the site and I can add it to the Showcase – https://appfinite.com/showcase-your-site/