-
I can’t seem to get rid of the white space gap….. You can check out the site here: http://www.donatecartoveterans.org
I believe i have tried every setting, but I have not touched any of the code. Same thing on another site I have Enlightenment theme on.
Thanks!!!
Hi,
please try this:
go to your theme settings -> look for Tab “Design” and enter the following in “Enter your custom CSS Rules”:
@media (min-width: 768px) {
.single .site-content, .page .site-content {
margin-top: 0px;
}
}If the whitespace is on mobile view as well you could use let out the @media-query and the last }
Did this work?
I’m also getting this White Space gap but not with the media…however my media is giving me a strange shift at the topof all the images!
The White Space gap I’m getting is on the homepage in the content: http://yourjewelryguide.com/
I’m also getting duplicate content from the Header and I really can’t find out how to remove both the White Space and the duplicate at the bottom of the page …
If someone can help, I’ll be very grateful!
Thanks 😉
This is something completely different. Your “duplicate content” is caused by the slider you are using. In every slide there is a div which is called background-parallax. These have an inline-style “margin: 10px” wich causes the offset. Your parallax container loads the same background image as in your slide.
Please check if you have some settings for the parallax-effect. Perhaps you could disable parallax as it does not seem to have any effect. In addition check if you can adjust the margin of your parallax-container. If all this won’t help you could add a style:
.background-parallax { margin-top: 0px !important; }
to your themes custom css (see above).
Another thing you should work on are the images itself. You are loading the complete images while only display a part of it. You should crop these images in order to load less data.
Best regards
-tim… in addition:
Now I see the parallax effect. But I’m not shure which white-space you mean. Please describe or add an image 😉Hello Tim,
THANKS A LOT for your kind help and I followed your instruction and now no more duplicate 😉
Concerning the Photos in the Slider: I have cropped many times but they are still cut and I really can’t find out how to correct this 🙁
Concerning the White Space: Below is a screen capture of the white space which is between the 1st paragraph and “How We Benefit You”
http://screencast.com/t/2EqNyij8sM5
Thanks in advance for your help 🙂
Diana
Hi Diana,
I see the gap 🙂
Try to add this css:
@media (min-width: 768px) {
.design-full-screen .custom-sidebar {
padding-top: 0px;
padding-bottom: 0px;
}
.single .site-content, .page .site-content {
margin-top: 0px;
}If it happens on the mobile view as well you should use just the inner css (without the media-query).
br
Tim
You must be logged in to reply to this topic.