Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Colandovision

Remove navigation menu but leave logo

Question

Im trying to remove the navigation menu from my home page but leave the logo at the top. I can only find answers on removing the entire header along with it, I need to be able to leave the logo untouched. Any solutions? Using the Bedford template

Edited by Colandovision

Share this post


Link to post

14 answers to this question

Recommended Posts

  • 0

@Colandovision Add to Home > Design > Custom CSS

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

 

Share this post


Link to post
  • 0
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

Share this post


Link to post
  • 0
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

Share this post


Link to post
  • 0
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?

Share this post


Link to post
  • 0
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;
}

 

Share this post


Link to post
  • 0
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

Screen Shot 2019-11-03 at 11.21.09 PM.png

Share this post


Link to post
  • 0
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;
}

 

Share this post


Link to post
  • 0
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 🙂

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...