[Resolved] Remove header on generate press sider site

[Adam]

Hello,

I am using the ‘Sider’ site from the generate press site library. On the home page I am not wanting there to be a menu/header. When I disable those elements they disappear but leave the space they originally filled still there. What is the best way to get around this? Is it the CSS for the site in the customizer that is causing the empty space to remain? The site is currently in staging, but this link is a screenshot of the issue: https://imgur.com/a/Fqn1nyh

Thank you for your help.

[Tom]

Hi there,

Yes, you can find the CSS in “Customize > Additional CSS”.

Look for this:

@media (min-width: 1000px)
    body {
        padding: 0 50px 50px;
        margin-left: 300px;
    }
}

Just remove that block of CSS and you should be good to go 🙂

[Adam]

Hey Tom,

Thanks for telling me which CSS to change.

I used the :not() selector so that block of CSS would not target the homepage and will keep the menu on the other pages.

@media (min-width: 1000px) {
	body:not(.home) {
		padding: 0 50px 50px;
		margin-left: 300px;
	}

Does that make sense to accomplish the task this way?

Thank you.

Happy Holidays

[David]

Hi there,

yes that makes sense and is the most direct way to do it.

Happy Holidays!

[Adam]

Ok great, I am glad to hear that.

Thanks Dave.

[David]

You’re welcome

[Author]

Posts