TheArt removal of blank space

[Brandon]

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!

[Shri S]

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

[Brandon]

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.

[Forum Moderator]

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

[Brandon]

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!

[Forum Moderator]

Hi Brandon,

Add this code in custom css box:

.page_head{display:none;}

Regards,
Dave

[Brandon]

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!

[Shri S]

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

[Brandon]

Thanks so much!

Everything is perfect now.

[Forum Moderator]

🙂

[Author]

Posts