Charity theme responsive issue

[Helen]

Hi, I’ve realised that when I view my pages at medium viewpoint sizes, a large amount of whitespace appears below the innerbanner image at the top of my pages. I can’t work out how to get rid of it. It’s fine at 640px and 1280px, but not good in between.

See for example http://www.empathydesign.co.uk/16/our-work/training/musicians/ (password protected page – usr: lesley, pw: jfemp0516

Can you help?

[Sonal S Sinha]

Hi Helen,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

@media screen and (min-width:1024px) and (max-width:1159px){
.innerbanner{padding-bottom:0 !important;}
}

Regards,
Dave

[Helen]

Thanks – I’ve added it, but am still seeing the white space.
I think it’s possible that some of my other media queries are conflicting with it but can’t work out why. Some of them were provided by yourselves to prevent the top and bottom of the page innerbanners being cropped, so I don’t want to remove them.

Here are all the queries in my custom css – what I don’t understand is why the max width 1023px one isn’t removing the white space – I reckon there must be something else somewhere in the theme overriding it?

.slider-main { min-height:500px; padding-top:113px;}
.innerbanner { padding-top:113px; padding-bottom: 180px}

@media screen and (max-width:1023px) {
.slider-main, .innerbanner { padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0;}
.container, .sponsercontent {text-align: left;}
}

@media screen and (min-width:1024px) and (max-width:1159px){
.innerbanner{padding-bottom:0 !important;} }

Thanks!

[Sonal S Sinha]

Hi Helen,

Kindly send us your URL of the site and WordPress admin details via sktthemes.net/contact

Please mention this forum URL while replying so that we understand what needs to be done.

Regards,
Dave

[Author]

Posts