Show menu on mobile only

Site URL: https://daintreeexperience.squarespace.com/

I have hidden the navigation from the desktop but I need it displayed on mobile, is there a code I can use?

pass: daintreeexperience

13 minutes ago, organic_emma said:

Site URL: https://daintreeexperience.squarespace.com/

I have hidden the navigation from the desktop but I need it displayed on mobile, is there a code I can use?

pass: daintreeexperience

Hey @organic_emma please add menu items in the Main Navigation:

and then use next code in Custom CSS  for hidding menu on desktop:

.header-nav-list {
   display: none !important;
}

Thanks but I need it to be displayed on mobile in the hamburger menu

13 hours ago, organic_emma said:

Thanks but I need it to be displayed on mobile in the hamburger menu

Did You tried to add menu items and my code?

Sorry I missed seeing the part about adding the menu items to the main navigation of course!
Now it works thank you! :)

Actually is there a way to hide a navigation link on one page only but display it on another?

So I'd like 'Home' hidden on the home page, but I need it to be visible on the 'Contact' page.

Mobile looks good and is fine as is.

10 hours ago, organic_emma said:

Actually is there a way to hide a navigation link on one page only but display it on another?

So I'd like 'Home' hidden on the home page, but I need it to be visible on the 'Contact' page.

Mobile looks good and is fine as is.

Try to add this code:

.homepage .header-menu-nav-item--homepage {
  display: none !important;
}

Hmm... doesn't seem to work?

Also having problems in just changing elements on mobile view! Any help?

I just fixed it with this code:

.homepage .header-nav-list {
   display: none !important;
}