Drop down menu mobile

9 minutes ago, AnnabelleYLD said:

Hi, 

I'm looking to fix the dropdown menu on my mobile site.
On the desktop version I have a nice dropdown menu, however in the Mobile version, when clicking on it it opens a new page with the name of the folder which then has to be clicked on again to show the actual menu options which is a bit confusing.
I don't want to delete the folder because then I end up having all my menu options on the header in the desktop version. 
Is there any CSS for this or way around this? I've added ss of what I mean.

website is: https://www.pigeonhouse.ie

 

Thanks in advance! 

 

 

You can try adding to Home > Design > Custom Css

.header-menu-nav-folder[data-folder="root"]  {
  transform: translatex(-100%) !important;
}

.header-menu-nav-folder[data-folder="/options"] {
  transform: translatex(0) !important;
}
.header-menu-nav-folder[data-folder="/options"] > .header-menu-nav-folder-content > .header-menu-controls {
  display: none;
}

Support me by pressing 👍  or marking as solution if this useful for you