Jump to content

make page visible in mobile menu, not in desktop menu

Recommended Posts

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!

Link to comment

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!

Please like and upvote if my comments were useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
Buy me a coffee

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.