Jump to content

possible to skip primary menu in Dropdown?

Recommended Posts

Posted

So, I've built a site in 7.1, and the desktop version is behaving exactly as I want... but I have a slight irritation with the dropdown menu on the mobile template.

When you click the hamburger, it opens the Menu in TWO stages.

image.thumb.png.9515ef71127272f989a702e0ae688c0b.pngimage.thumb.png.cb0a5ce5a996d77cf569bad50e60e1be.pngimage.thumb.png.cbc7bd37f5d1ab1ee77fecdf34d1b79b.png

I would like to try and skip the first stage, because it is ultimately functionless and annoying to me as a user.

When I click the menu, I don't need a screen that tells me it's the menu. I already know that. That's why I clicked it.

Is there a way to click the hamburger and bypass that first "MENU" screen, and just get right into the MENU content itself?

I've rooted around here in the forum and haven't found this problem or its solution, but if I have missed it, and someone can share a link, that would be great. Otherwise, I would love some help from one of you code-gurus. This is the last little part of the site that I need to iron out before feeding it some real content and launching this thing.

Thanks!

  • Replies 1
  • Views 440
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted

You can use this to Website Tools > Custom CSS to fix problem

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.