Home › Forums › All Other Themes › TheArt removal of blank space
- This topic has 9 replies, 3 voices, and was last updated 4 years, 8 months ago by
Forum Moderator.
-
AuthorPosts
-
July 24, 2016 at 6:19 pm #41569
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!
July 25, 2016 at 6:21 am #41607Hi 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,
ShriJuly 25, 2016 at 1:17 pm #41670Hello!
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.
July 25, 2016 at 1:34 pm #41680Hi 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,
DaveJuly 25, 2016 at 2:17 pm #41695Thanks 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!
July 26, 2016 at 7:12 am #41746Hi Brandon,
Add this code in custom css box:
.page_head{display:none;}
Regards,
DaveJuly 26, 2016 at 2:39 pm #41788That 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!
July 27, 2016 at 9:36 am #41891Kindly 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,
ShriJuly 28, 2016 at 2:59 pm #42106Thanks so much!
Everything is perfect now.
July 29, 2016 at 5:37 am #42167🙂
-
AuthorPosts
- You must be logged in to reply to this topic.