TheArt removal of blank space

Home Forums All Other Themes TheArt removal of blank space

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #41569
    Brandon
    Member
    • Topics: 13
    • Replies: 21
    • Total: 34
    Member since: June 15, 2016

    Hello!

    I’m just trying out this theme, I have all your themes already purchased in the full pack.

    Wanted to remove the white space created when I removed the slider, as now it shows up poorly on mobile and regular pages thanks to the whitespace.

    You can see an example on http://www.tekkittest.com and on the web pages found throughout the domain.

    I’ll be transferring it to my main domain, sayitwithstitches.ca, as soon as I can resolve this issue.

    Thanks!

    #41607
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6705
    • Total: 6713
    Member since: June 12, 2013

    Hi Brandon,

    Kindly go to Appearance>>Customize>>Scroll down to left bottom to find Custom CSS and paste there

    @media screen and (max-width:767px) {
    .has_trans_header .spacebottom { padding-bottom:45px;}
    }

    Regards,
    Shri

    #41670
    Brandon
    Member
    • Topics: 13
    • Replies: 21
    • Total: 34
    Member since: June 15, 2016

    Hello!

    I tried this and it did not work 🙁 Is there any other suggestions to remove all this white space? It looks great on the home page but all others have this problem!

    Thank you.

    #41680
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23490
    • Total: 23490
    Member since: August 16, 2013

    Hi Brandon,

    Kindly go to Appearance>>Customize>>Scroll down to left bottom to find Custom CSS and paste there

    @media screen and (max-width:667px){
    .has_trans_header .spacebottom {
    padding-bottom: 0 !important;
    }
    }

    Regards,
    Dave

    #41695
    Brandon
    Member
    • Topics: 13
    • Replies: 21
    • Total: 34
    Member since: June 15, 2016

    Thanks so much for the quick response however it still seems to be a problem. tekkittest.com seems to be ok, unless veiwed on a mobile screen where the problem is still there. That idea worked on the home page viewed on a desktop but nothing else, as pages like http://tekkittest.com/specials/ are still showing up with a large white space on both desktop and mobile.

    Any other suggestions?

    Thanks!

    #41746
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23490
    • Total: 23490
    Member since: August 16, 2013

    Hi Brandon,

    Add this code in custom css box:

    .page_head{display:none;}

    Regards,
    Dave

    #41788
    Brandon
    Member
    • Topics: 13
    • Replies: 21
    • Total: 34
    Member since: June 15, 2016

    That worked flawlessly on desktop, excellent customer service as always!

    What would I add to the css to make it so it works on mobile too? The mobile version still has this issue.

    Thanks!

    #41891
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6705
    • Total: 6713
    Member since: June 12, 2013

    Kindly go to Appearance>>Customize>>Scroll down to left bottom to find Custom CSS and paste there

    #slidera { display:none !important;}
    #sidebar .widget_wrap iframe { width:100% !important;}
    @media screen and (max-width:767px){
    .page #slidera, .single #slidera, .archive #slidera, .search #slidera, .error404 #slidera { display:none !important;}
    }

    Regards,
    Shri

    #42106
    Brandon
    Member
    • Topics: 13
    • Replies: 21
    • Total: 34
    Member since: June 15, 2016

    Thanks so much!

    Everything is perfect now.

    #42167
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23490
    • Total: 23490
    Member since: August 16, 2013

    🙂

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.