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
    BrandonBrandon
    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 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
    Shri SShri S
    Keymaster
    • Topics: 10
    • Replies: 6937
    • Total: 6947
    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
    BrandonBrandon
    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 ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29280
    • Total: 29280
    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
    BrandonBrandon
    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 ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29280
    • Total: 29280
    Member since: August 16, 2013

    Hi Brandon,

    Add this code in custom css box:

    .page_head{display:none;}

    Regards,
    Dave

    #41788
    BrandonBrandon
    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
    Shri SShri S
    Keymaster
    • Topics: 10
    • Replies: 6937
    • Total: 6947
    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
    BrandonBrandon
    Member
    • Topics: 13
    • Replies: 21
    • Total: 34
    Member since: June 15, 2016

    Thanks so much!

    Everything is perfect now.

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

    🙂

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