Jump to content

Menu dropdown header not working properly on mobile

Recommended Posts

Site URL: https://thefrassas.com

Hi! So my menu dropdown on desktop is working perfectly, but when is on mobile, when someone clicks on the 3 lines, it goes first to ONE dropdown written "Menu" and then the person has to click again to actually show the dropdown options.

Is there a code I can inject  to show straight the dropdown options rather than going to this menu first?

Thank you!

image.png.2b22c89f5f97f251003b6806e47ec2c2.pngdesktop all good!

image.thumb.png.38a7253116119a472e4c0b2d13d0e992.png but on mobile version it shows the 3 menus!  I'd like to go straight to the options inside this Menu in the langugage the user chose... doesn't have to show this menu option (especially not all 3 of them)

Thanks a lot!!!

Link to comment
  • Replies 1
  • Views 665
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Add to Design > Custom CSS

@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!)

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.