menu button on mobile version of website opens another page where you have to click menu again to get to the page options

aestheticlawnco · July 20

The menu button on mobile version of website opens another page where you have to click menu again to get to the page options. How do I correct this so when you click on the button for menu (2 lines) it takes you to the page options right away. Im happy how it works on the desktop version.

Thanks heaps!

-Erik

Ziggy · July 20

You have the links in a folder, so on mobile like on desktop you have to expand the folder, this is expected behaviour.

You may be able to change it with this advice:

aestheticlawnco · July 21

Thanks for the suggestion, unfortunately it didn't work 😞

tuanphan · July 22

Add this to Design > Custom CSS

/* Show folder on Desktop - Normal nav on mobile */
@media only screen and (max-width: 767px) {
  .header-menu-nav-folder[data-folder="root"] {
    display: none !important;
  }
  .header-menu-nav-folder-content .header-menu-controls {
    display: none;
  }
  .header-menu-nav-folder:not([data-folder="root"]) {
    transform: unset;
    transition: unset;
  }
}

aestheticlawnco · August 1

Thank you soooo much for that!!!!!!! Absolutely Legend!!

-Erik

menu button on mobile version of website opens another page where you have to click menu again to get to the page options

Recommended Posts

aestheticlawnco

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

aestheticlawnco

Posted Images

Ziggy

Link to comment

aestheticlawnco

Link to comment

tuanphan

Link to comment

aestheticlawnco

Link to comment

Create an account or sign in to comment

aestheticlawnco

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources