Full page view is required, but there is a gap appearing at the top and bottom of the page

[Nalwi]

Hi, there seems to be a gap at the top of this page, as well as the bottom of the page. Could you please help me to fix this so the background image appears as the full width and height of the page?

[ruenel]

Hello @Nalwi,

Thanks for writing in!

To get your issue resolved, please do the following:
1.) Please remove this custom CSS:

.entry-content {
    padding-top: 70px;
}

You may have added this in Pro > Theme Options > Custom CSS.

2.) Please edit your page and in one of your columns, set the minimum height to 100vh.

Kindly let us know how it goes.

[Nalwi]

Thank you! That worked perfectly for that page!
However it seems that the first section on other pages have gone up as well and the content in the section 1 are being cut off by the header.

is there any way to have the section 1 on all pages start below the header?

[christian]

Hey @Nalwi,

You should apply your previous custom CSS only to your free trial page. Add the CSS in the Page CSS and not in the Global CSS. If you’re not familiar with the Code Editors available in Pro, please see https://theme.co/docs/code-editors

Also, I’d recommend you copy your site to a staging server and test out the latest version of Pro which has the newly added Layout Builder.

The Layout Builder will allow you to create a custom layout for archive and single post and pages without using custom CSS. For more details, please see https://theme.co/docs/layout-builder-overview

Hope that helps.

[Nalwi]

That worked! thanks so much

[marc_a]

Hi @Nalwi,

You’re welcome and it’s our pleasure to help you. If you have any other concerns regarding our theme features, feel free to reach us.

Thank you.