Charity theme responsive issue

Home Forums All Other Themes Charity theme responsive issue

This topic contains 3 replies, has 2 voices, and was last updated by  Forum Moderator 2 years, 1 month ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #39718

    Helen
    Member
    • Topics: 14
    • Replies: 42
    • Total: 56
    Member since: May 11, 2016

    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?

    #39781

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17394
    • Total: 17394
    Member since: August 16, 2013

    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

    #39800

    Helen
    Member
    • Topics: 14
    • Replies: 42
    • Total: 56
    Member since: May 11, 2016

    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!

    #39845

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17394
    • Total: 17394
    Member since: August 16, 2013

    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.