Colandovision 0 Share Posted November 4, 2019 (edited) 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 November 4, 2019 by Colandovision Link to post
0 tuanphan 9,006 Share Posted November 4, 2019 You need to share your site url or template name. Colandovision 1 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 Colandovision 0 Author Share Posted November 4, 2019 3 minutes ago, tuanphan said: You need to share your site url or template name. colandovision.com using the Bedford Template Link to post
0 tuanphan 9,006 Share Posted November 4, 2019 @Colandovision Add to Home > Design > Custom CSS /* Remove nav desktop */ div#headerNav { display: none !important; } /* Remove nav mobile */ .mobile-nav-toggle { display: none; } Colandovision 1 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 Colandovision 0 Author Share Posted November 4, 2019 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 tuanphan 9,006 Share Posted November 4, 2019 @Colandovision Where did you insert? Colandovision 1 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 Colandovision 0 Author Share Posted November 4, 2019 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 Link to post
0 tuanphan 9,006 Share Posted November 4, 2019 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 Colandovision 1 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 Colandovision 0 Author Share Posted November 4, 2019 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 tuanphan 9,006 Share Posted November 4, 2019 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; } Colandovision 1 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 Colandovision 0 Author Share Posted November 4, 2019 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 Link to post
0 tuanphan 9,006 Share Posted November 4, 2019 Do you enable announcement bar? 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 Colandovision 0 Author Share Posted November 4, 2019 28 minutes ago, tuanphan said: Do you enable announcement bar? nope it is already disabled, so this is frm something else. strange. Link to post
0 tuanphan 9,006 Share Posted November 4, 2019 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; } Colandovision 1 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 Colandovision 0 Author Share Posted November 4, 2019 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 MarthaC 0 Share Posted January 14, 2020 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 kak 0 Share Posted January 12 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 tuanphan 9,006 Share Posted January 13 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
Question
Colandovision 0
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 ColandovisionLink to post
Top Posters For This Question
8
8
1
1
Popular Days
Nov 4
15
Jan 14
1
Jan 12
1
Jan 13
1
Top Posters For This Question
Colandovision 8 posts
tuanphan 8 posts
MarthaC 1 post
kak 1 post
Popular Days
Nov 4 2019
15 posts
Jan 14 2020
1 post
Jan 12 2021
1 post
Jan 13 2021
1 post
Popular Posts
tuanphan
You need to share your site url or template name.
tuanphan
@Colandovision Add to Home > Design > Custom CSS /* Remove nav desktop */ div#headerNav { display: none !important; } /* Remove nav mobile */ .mobile-nav-toggle { display: none; }
tuanphan
@Colandovision Where did you insert?
Posted Images
17 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment