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

Remove navigation menu but leave logo


Colandovision

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
Link to post
  • Answers 17
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

You need to share your site url or template name.

@Colandovision Add to Home > Design > Custom CSS /* Remove nav desktop */ div#headerNav { display: none !important; } /* Remove nav mobile */ .mobile-nav-toggle { display: none; }

@Colandovision Where did you insert? 

Posted Images

17 answers to this question

Recommended Posts

  • 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

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?

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;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

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

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 🙂

Link to post
  • 0

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!

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

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

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

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...