I am trying to make a one-page site (I'm still not done), but I ran into issues with the empty white spaces appearing when I scroll into different rows. I first ran into this on the desktop version of the site. I "fixed it" by selecting the rows using Visual Composer and editing the margins and borders. That got rid of it on the desktop version, but the mobile version still appears.
Next, the Footer and Header both have empty white spaces on both the desktop and mobile version.
I would love to receive some advice and steps on how to properly remove these white spaces.
Thank you for your response! I have entered the following CSS you suggested into the "Page Settings," and it cleaned up the white spaces found throughout the mobile version, and it cleaned up the spacing issue with the footer on both desktop and mobile versions. Thank you for that!
However, the header still contains white space. The attached image should give a clearer picture of what I am saying.
You are a miracle worker! Thank you very much for that! I can't believe I didn't see those options even though I reviewed them over and over again. And thank you for the CSS.
It would be great if you could rate us on ThemeForest.
Just go to your downloads on ThemeForest ( https://themeforest.net/downloads ), find TheGem and then you can rate it here
We would very appreciate your rating!
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Hello CodexThemes team,
I am trying to make a one-page site (I'm still not done), but I ran into issues with the empty white spaces appearing when I scroll into different rows. I first ran into this on the desktop version of the site. I "fixed it" by selecting the rows using Visual Composer and editing the margins and borders. That got rid of it on the desktop version, but the mobile version still appears.
Next, the Footer and Header both have empty white spaces on both the desktop and mobile version.
I would love to receive some advice and steps on how to properly remove these white spaces.
Thank you!
HI!
pls. add following css:
@media (max-width: 1199px) { .wpb_row > * { margin-top: 0 !important; } } .block-content:last-of-type { padding-bottom: 0 !important; }Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
Gregor,
Thank you for your response! I have entered the following CSS you suggested into the "Page Settings," and it cleaned up the white spaces found throughout the mobile version, and it cleaned up the spacing issue with the footer on both desktop and mobile versions. Thank you for that!
However, the header still contains white space. The attached image should give a clearer picture of what I am saying.
Thanks again for your help!
HI!
Just add this css:
.block-content { padding-top: 0px !important; }Or you can set check box "disable top margin" in the page settings.
If you want to set transparent header, pls. set checkbox "Transparent Menu On Header" (attach)
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
Gregor,
You are a miracle worker! Thank you very much for that! I can't believe I didn't see those options even though I reviewed them over and over again. And thank you for the CSS.
Many thanks!
Thank you!
It would be great if you could rate us on ThemeForest. Just go to your downloads on ThemeForest ( https://themeforest.net/downloads ), find TheGem and then you can rate it here
We would very appreciate your rating!
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver