AnnabelleYLD Posted December 12, 2022 Share Posted December 12, 2022 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! Link to comment
Solution Beyondspace Posted December 12, 2022 Solution Share Posted December 12, 2022 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 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
Beyondspace Posted December 12, 2022 Share Posted December 12, 2022 My testing Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
AnnabelleYLD Posted December 28, 2022 Author Share Posted December 28, 2022 On 12/12/2022 at 2:30 PM, Beyondspace said: 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 Thanks a million, that worked perfectly! Beyondspace 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment