How to create one empty page

[Marcel]

Hi,

I’m trying to create one page that’s completely empty (so no footer, header, menu’s etc) and only containing the content I add.

It almost seems to work by switching off (in page settings) Layout – Elements all off and sidebars off, footer widgets off, etc.

It looks fine except on mobile you get the header and menu (in portrait mode, when you turn to landscape it disappears).

How to get this done?

Kind regards,

Marcel.

[Marcel]

I added the URL to staging, I’m planning to go live this evening (Amsterdam, NL timezone) so I hope there is a solution before that 🙂 (otherwise if staging is not available anymore just remove the subdomain).

Kind regards,

Marcel.

[David]

Hi there,

did you disable both the Header and the Primary Navigation?
If that doesn’t work can you try disabling them using the Disable Elements metabox in the post editor:

https://docs.generatepress.com/article/disable-elements-overview/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Marcel]

Hi David,

thanks for your support, indeed as written:

“by switching off (in page settings) Layout – Elements all off and sidebars off, footer widgets off, etc.”

I switched everything off but still only on small devices the header and menu appears.

Kind regards,

Marcel.

[David]

Did you try this:

If that doesn’t work can you try disabling them using the Disable Elements metabox in the post editor:

https://docs.generatepress.com/article/disable-elements-overview/

If that doesn’t work – can you check you’re using the latest version of GP and GP Premium ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Marcel]

Sorry David,

I see it’s very extremely busy here at the forum for you, but you ask me twice the same and I answer twice the same: yes I did.

I have the latest version as I just bought it.

Kind regards,

Marcel.

[Tom]

Hi there,

Hard to tell without seeing it, but maybe it’s the mobile header that isn’t being removed?

If so, try this:

.page-id-xx #mobile-header {
    display: none;
}

Just update xx with the ID of the page.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Marcel]

Hi Tom,

Thanks for your time and help, also this code doesn’t work, strange isn’t it?

I added the PROD URL so you can have a look. So only on small screens it shows.

Kind regards,

Marcel.

[David]

Ooops…. sorry about that
Try this:

@media (max-width: 768px) {
    .page-id-72252 #mobile-header {
        display: none !important;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Marcel]

WOW!! This was THE code!!!

Thanks David!!

Kind regards,

Marcel

[David]

Glad to hear that

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts