- This topic has 7 replies, 2 voices, and was last updated 5 years, 11 months ago by
.
-
Posts
-
Hello Team,
On landing page of website, there is a slidershow (using header element and smart slider) but there is a margin at bottom which is visible always.
Pls advice how to get rid of that.
Regards
Customer Support
Hi there,
the
height: 100vh;property in this CSS is the problem – remove that to remove the space:.page-hero { background-color: #f8f6f5; color: #ffffff; text-align: center; box-sizing: border-box; min-height: 100vh; /* Thus is creating the space */ }Thank you David.
But, I have no such added css in my stylesheet (simple css or additonal css). And it is also not elementor block where I could have set height as 100 vh but through elements.
I know you are right but I cant find a away to remove that css or reset 100 vh somewhere.
I can’t see where its coming from as its in a cached file.
GO to Appearance > Elements and edit the Header Element – can you see theFull Screencheckbox ?If you can and its checked then uncheck it.
If you cannot – go to the site header tab and enableMerge with contenttemporarily now return to see if the Full Screen is checkedAppearance > Elements > Header Element – Full Screen checkbox unchecked which fixed the extra space.
This worked. Thanks..
Glad to hear that
Hello David,
but the white space is still visible in table/mobile mode. Any direction on how to fix that?
thanks
When using a Page Builder you best to enable Page Builder Container: Full Width
https://docs.generatepress.com/article/page-builder-container/
This removes all the Themes padding as well as making the container full width
- You must be logged in to reply to this topic.
