erincorradi Posted April 9, 2020 Share Posted April 9, 2020 Site URL: https://www.acupuncturecenterdecorah.com/ I need to add a link to the home page back into the mobile menu, without it showing up on the other views. How do I add a page navigation only to the mobile menu? I love brainstorming, creating websites, and replacing incorrectly used hyphens with en dashes. Link to comment
tuanphan Posted April 10, 2020 Share Posted April 10, 2020 Add Home link first, then we can give code to hide it on Desktop/tablet. erincorradi 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
erincorradi Posted April 10, 2020 Author Share Posted April 10, 2020 Okay. And what would that code be. Thank you! I love brainstorming, creating websites, and replacing incorrectly used hyphens with en dashes. Link to comment
tuanphan Posted April 10, 2020 Share Posted April 10, 2020 Add to Home > Design > Custom CSS @media screen and (min-width:641px) { .Header-nav--primary .Header-nav-inner>a:first-child { display: none; } } erincorradi 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
wearequbit Posted June 5, 2021 Share Posted June 5, 2021 (edited) Hi @tuanphan , does the CSS code apply to a version <7.1? (I'm having no joy with it on 7.1) 🤔 Edited June 5, 2021 by wearequbit Link to comment
tuanphan Posted June 7, 2021 Share Posted June 7, 2021 On 6/5/2021 at 6:46 PM, wearequbit said: Hi @tuanphan , does the CSS code apply to a version <7.1? (I'm having no joy with it on 7.1) 🤔 Add to Design > Custom CSS /* Remove nav first item on desktop only */ .header-nav-item:first-child { display: none; } wearequbit 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
wearequbit Posted June 15, 2021 Share Posted June 15, 2021 Just spotted your reply - thank you, @tuanphan , that worked a treat! Link to comment
wearequbit Posted August 12, 2021 Share Posted August 12, 2021 For anyone scratching their head about this, it stopped working for me and I'm not sure why. This did the trick though: /* Remove nav first item on desktop only */ @media screen and (min-width:641px) { .header-nav-item:nth-child(2) { display: none; } } Link to comment
tuanphan Posted August 14, 2021 Share Posted August 14, 2021 On 8/13/2021 at 12:35 AM, wearequbit said: For anyone scratching their head about this, it stopped working for me and I'm not sure why. This did the trick though: /* Remove nav first item on desktop only */ @media screen and (min-width:641px) { .header-nav-item:nth-child(2) { display: none; } } Do you still need help? What is your site url? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
wearequbit Posted August 15, 2021 Share Posted August 15, 2021 On 8/14/2021 at 11:42 AM, tuanphan said: Do you still need help? What is your site url? Got it working now, thanks anyway, @tuanphan Link to comment
Dratz Posted November 26, 2021 Share Posted November 26, 2021 Hi all, I'm trying to achieve the same thing this thread discusses: to show a "home" page listing on my mobile navigation, but to not have it appear on my Desktop main navigation. My site name is www.timmms.net. I first added the above code suggested by @Tuanphan, which did not work. Then I added the code later suggested by @wearecubit, which also did not work. Can anyone help me? I'm also desperately trying to find a way to include my Site Logo on my site header for mobile, but I cannot figure out how to keep it visible. Help!!! Link to comment
tuanphan Posted November 28, 2021 Share Posted November 28, 2021 On 11/26/2021 at 1:51 PM, Dratz said: Hi all, I'm trying to achieve the same thing this thread discusses: to show a "home" page listing on my mobile navigation, but to not have it appear on my Desktop main navigation. My site name is www.timmms.net. I first added the above code suggested by @Tuanphan, which did not work. Then I added the code later suggested by @wearecubit, which also did not work. Can anyone help me? I'm also desperately trying to find a way to include my Site Logo on my site header for mobile, but I cannot figure out how to keep it visible. Help!!! It looks like you figured it out with this CSS #mainNavWrapper div.homepage { display: none !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment