make page visible in mobile menu, not in desktop menu

hello

i’d like to make my home page listed under the navigation dropdown in mobile view so people can go to the home page easily when scrolled down on a secondary page,  i do not want the home page to be listed in the navigation menu on desktop/laptop because it’s the site title and i don’t want that repetition. is there a way to do this?

www.be-with.org

thank you!

If you add the homepage to the navigation as the first item, then add this to your Custom CSS it should only display on desktop:

@media only screen and (min-width:768px) {
.main-nav ul li:nth-child(1) {
    display: none;
 }
}

Hope that helps!

hi @Ziggy,

i only want it to show up in mobile, not desktop. what would the code be for that?

thank you!

The code and suggestion I provided will add home to the navigation and then hide it on desktop.

@Ziggy this worked! thank you so much!

can you help me make my menu visible on my home page on my other website? www.empathystories.org

here is the thread w/ the question: 

I'll take a look at that.

Would you mind liking and upvoting my comment? Thanks

already upvoted, just liked! thank you!