Adding "Home" navigation to mobile-only menu

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?

Add Home link first, then we can give code to hide it on Desktop/tablet.

Okay. And what would that code be. Thank you!

Add to Home > Design > Custom CSS

@media screen and (min-width:641px) {
.Header-nav--primary .Header-nav-inner>a:first-child {
    display: none;
}
}

Hi @tuanphan , does the CSS code apply to a version <7.1? 

(I'm having no joy with it on 7.1) 🤔

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

Just spotted your reply - thank you, @tuanphan , that worked a treat!

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

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?

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

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

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