Remove navigation menu but leave logo

You need to share your site url or template name.

3 minutes ago, tuanphan said:

You need to share your site url or template name.

colandovision.com   using the Bedford Template

@Colandovision Add to Home > Design > Custom CSS

/* Remove nav desktop */
div#headerNav {
    display: none !important;
}
/* Remove nav mobile */
.mobile-nav-toggle {
    display: none;
}

41 minutes ago, tuanphan said:

@Colandovision Add to Home > Design > Custom CSS

/* Remove nav desktop */
div#headerNav {
    display: none !important;
}
/* Remove nav mobile */
.mobile-nav-toggle {
    display: none;
}

 

These did not change anything for me. I can use <style>#header {display:none}<header>  to remove the entire header, but nothing else seems to work when I put in those codes in. Is there something Im writing wrong? I copied and pasted and tried many variations of that

@Colandovision Where did you insert? 

6 minutes ago, tuanphan said:

@Colandovision Where did you insert? 

under the advanced tab in The Page section/Home/Gear icon/Advanced/Page header code injection

44 minutes ago, Colandovision said:

under the advanced tab in The Page section/Home/Gear icon/Advanced/Page header code injection

Add my code in HOME > DESIGN > CUSTOM CSS

Do not edit anything in the code I sent

14 minutes ago, tuanphan said:

Add my code in HOME > DESIGN > CUSTOM CSS

Do not edit anything in the code I sent

Wow thank you that did in fact work, Although I was hoping only to remove it from the home page and not the entire website. Is this possible?

Just now, Colandovision said:

Wow thank you that did in fact work, Although I was hoping only to remove it from the home page and not the entire website. Is this possible?

Try this code

/* Remove nav desktop */
.homepage div#headerNav {
    display: none !important;
}
/* Remove nav mobile */
.homepage .mobile-nav-toggle {
    display: none;
}

7 minutes ago, tuanphan said:

Try this code

/* Remove nav desktop */
.homepage div#headerNav {
    display: none !important;
}
/* Remove nav mobile */
.homepage .mobile-nav-toggle {
    display: none;
}

 

Thank you so much, finally things look great! appreciate it. Only problem I see is that now there is a black bar above just the homepage i cant get rid of ? Every other page seems fine

Do you enable announcement bar?

28 minutes ago, tuanphan said:

Do you enable announcement bar?

nope it is already disabled, so this is frm something else. strange.

33 minutes ago, Colandovision said:

nope it is already disabled, so this is frm something else. strange.

You inserted this code in Header, remove it

/* Remove nav desktop */
div#headerNav {
    display: none !important;
}

1 hour ago, tuanphan said:

You inserted this code in Header, remove it

/* Remove nav desktop */
div#headerNav {
    display: none !important;
}

 

Ok thanks so much. That worked. my mistake. Thanks for all your help 🙂

Hi, this seems very similar to the code I need, I suppose! I am using AVIATOR and I want to take the logo and navigation menu from other pages within my site. Is there a general code for other pages than the homepage? Many thanks!

On 11/4/2019 at 12:59 AM, tuanphan said:

Try this code

/* Remove nav desktop */
.homepage div#headerNav {
    display: none !important;
}
/* Remove nav mobile */
.homepage .mobile-nav-toggle {
    display: none;
}

 

Hi! I am trying to keep the logo but remove the menu in header and then remove the footer fully on only 1 page.

Can you help provide the code for 7.1? https://tamarin.health is the website

<style>.header, #footer-sections {display:none!important;}
  </style> 

I used that earlier but it removed the logo, too. 

Thank you!!

20 hours ago, kak said:

Hi! I am trying to keep the logo but remove the menu in header and then remove the footer fully on only 1 page.

Can you help provide the code for 7.1? https://tamarin.health is the website

<style>.header, #footer-sections {display:none!important;}
  </style> 

I used that earlier but it removed the logo, too. 

Thank you!!

Add this code to Page Header

<style>
  .header-nav, .burger-box {
    visibility: hidden;
}
  footer.sections {
  	display: none;
  }
</style>