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 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