How to hide the header?

[elise]

Hello! I’d like to remove the header from my site. Is there an option to do this?

Thanks,
E

[elise]

Okay I found a way to hide the header in the page settings, but there’s still quite a bit of space at the top of the page. How do I remove the header space?

[SeaTheme]

Hi there,
Welcome to SeaTheme forum.

It is possible by custom CSS(“Appearance > Customize: Additional CSS”):

#header {
    display: none; 
}

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[elise]

This reply has been marked as private.

[SeaTheme]

Welcome
You can use the custom CSS to remove or edit the top spacing:

body:not(.page_from_top) #wrap {
    top: 0px;
}
@media (max-width: 991.98px) {
 /*for mobile*/
 body:not(.page_from_top).responsive-ux #wrap {
    top: 0px; 
 }
}

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[elise]

That works! Perfect, thank you!

[elise]

Hello! That worked so it doesn’t show on the page, but when I use a screen reader it’s still reading through navigation links at the top of the page. I’m not sure how this is happening. I’d like to have the top nav removed from the code as well so it isn’t read.

Here’s a link to a page where screen readers are reading the nav at the top of the page.
https://yayelise.com/optimizing-the-migration-of-brand-sites-for-anheuser-busch/

Can you help? Thanks!

[SeaTheme]

Hi,
Please edit the file by following the screenshot to check if it works, please let me know, thanks.

—————
If it doesn’t work, please leave your wp-admin access (URL / username/password) by picking up “Set as private reply”

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[elise]

This worked great, thanks so much!

[SeaTheme]

Welcome, please use the child theme, copy the empty php file to the child theme folder(stay the same path). Or it will be covered when the theme is updated.

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[elise]

Thanks so much, I set up the child theme and copied the empty menu PHP file over there, and also copied in the custom CSS to hide the header.

Thanks again!

[Author]

Posts