Make Home Page a Landing Page – remove nav bar and menus

@alliebells15

you can use this and see if it works:

.page-id-4 .nav-aligned-right,
.page-id-4 .nav-above-header,
.page-id-4 .main-navigation,
.page-id-4 .nav-below-header
{
display: none;
}

hey,

that didn’t work. Let me be sure I am doing this correctly…this is what I posted inside the css simple plugin thingy…

/

.page-id-4 .nav-aligned-right,
.page-id-4 .nav-above-header,
.page-id-4 .main-navigation,
.page-id-4 .nav-below-header
{
display: none;
}

For brushing up on your CSS knowledge, check out https://www.w3schools.com/css/css_syntax.asp

End of comment */

is that correct or am I missing a symbol somewhere?

In CSS,

anything that is inside brackets like these will be ignored

/* blah blah blah */

So, if you pasted the code above inside the comment bracket, it won’t work because it’s marked as a comment and will be ignored.

in other words

/*

.page-id-4 .nav-aligned-right,
.page-id-4 .nav-above-header,
.page-id-4 .main-navigation,
.page-id-4 .nav-below-header
{
display: none;
}

*/

The above code will not do anything.

Whereas, the code below should make the menu disappear on your homepage

.page-id-4 .nav-aligned-right,
.page-id-4 .nav-above-header,
.page-id-4 .main-navigation,
.page-id-4 .nav-below-header
{
display: none;
}

Please note that the difference between the two of them is the lack of comment brackets ( /* */

• This reply was modified 7 years, 11 months ago by j09.

thank you so much for that. It still didn’t work…the way I find the page ID is by looking to see what the post number is right? so post=4 and so the page ID is 4, no? Otherwise,I don’t know what else I could be doing wrong….:( ?? i need it to go away! do you know a landing page plugin that will automatically remove it?

I am using Generate Press theme with Site Origins Site builder and the supposed landing pages with the site builder do not remove the nav…

@alliebells15

I just visited your website and it seems to be working.

You may need to clear the browser cache on your computer:

Windows: ctrl + F5
Mac/Apple: Apple + R or command + R
Linux: F5

See if that works for you.

• This reply was modified 7 years, 11 months ago by j09.

gracias! gracias! now..can we kill the header too?

@alliebells15

Sure,

Just delete the things you added ealier and add this instead. This will make both the menu and the header disappear from the front page.

see if this works

.page-id-4 .nav-aligned-right,
.page-id-4 .nav-above-header,
.page-id-4 .main-navigation,
.page-id-4 .nav-below-header,
.page-id-4 header
{
display: none;
}

Again, delete the old stuff and add the code above instead.

After you do that, clear your cache one more time and visit the website to see if it works.

• This reply was modified 7 years, 11 months ago by j09.

You are awesome!!!!!!!!!!! ?? Gracias ?? ciao…

You’re welcome and I am glad it worked out!

Good luck

hi please come back and save me again! I had to change the theme because it wasn’t working correctly with the buddypress profile page BUT now the code won’t work…I am sure it is the names…but still i’m dying please help!

I just need to remove the title, and navigation from the home page again ??