Disappear Header on Home Page

[Karlem]

Hi! I'm trying to make it so my header and navigation bar go away ONLY on my home page but nothing I've used has worked so far. I am using the Altitude Pro Child Theme

Thank you!

[nutsandbolts]

Can you post a link to your site? It's always easier to help if we can see what you see.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[Karlem]

This reply has been marked as private.

[Karlem]

I also need to disappear the line that shows up at the top of everypage below the navigation bar.

Thank you!

[nutsandbolts]

Try adding this to your stylesheet above the media queries section:

.home .site-header {
	display: none;
}

That should hide the entire header only on the homepage.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

To remove the line, find this in your stylesheet:

.entry-header::after {
    border-bottom: 1px solid #000;
    content: "";
    display: block;
    margin: 0 auto 60px;
    padding-bottom: 30px;
    width: 25%;
}

and take out that entire section.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[Karlem]

Great! Thank you Thank you Thank you!

[nutsandbolts]

You're very welcome! I'm going to mark this topic as resolved, but feel free to open a new one if you need help with anything else. 🙂

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[Author]

Posts