daniellenoakes Posted July 14, 2023 Posted July 14, 2023 Hi there, I have a second level menu on one of my pages, so one folder. The links in the drop down menu work fine until I click on one of those specific pages, and then suddenly the links are no longer links and I can't access any more of those pages. It happens on all of the pages included in the drop down menu folder. any help or advice would be great! this is just a problem on desktop. PW - limitless
Ziggy Posted July 14, 2023 Posted July 14, 2023 Can you share your website URL and how you created the second level menu? daniellenoakes 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
daniellenoakes Posted July 14, 2023 Author Posted July 14, 2023 Just now, Ziggy said: Can you share your website URL and how you created the second level menu? www.limitlessphysiques.co.uk pw: limitless Ziggy 1
Ziggy Posted July 14, 2023 Posted July 14, 2023 It looks like you have some code and CSS added to the website, if you remove it temporarily does this problem go away? daniellenoakes 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
daniellenoakes Posted July 14, 2023 Author Posted July 14, 2023 (edited) removing BOLD made the links clickable: /* Nav item active color */ @media screen and (min-width: 641px) { .header-nav-item--active a { color: rgba(182, 157, 208, 1)!important; pointer-events: none !important; background-image: none !important; } /* Nav item hover color */ .header-nav-item a:hover { color: #ddd9e6 !important; margin-top: -3px!important; transition: top ease 0.3s !important; ; } } thank you for making me check haha! is there a way now to make active/current page links not clickable again? removing the pointer cursor was a work around for me originally but am now removing this 🙂 thank you so much for speedy replies. Edited July 14, 2023 by daniellenoakes
Ziggy Posted July 14, 2023 Posted July 14, 2023 40 minutes ago, daniellenoakes said: removing BOLD made the links clickable: Yes, point events none is designed to stop an object being clickable. Why are you trying to prevent clicking on the active link? I've never seen a website where this was disabled. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
daniellenoakes Posted July 14, 2023 Author Posted July 14, 2023 in terms of user experience, it makes sense - why would you want to be able to re-click on the page you're already on and have it reload? Ziggy 1
Ziggy Posted July 14, 2023 Posted July 14, 2023 Your point makes sense, but a link that you can't click on makes your website look broken, which is also not ideal. Given that (almost) every other website hasn't chosen to implement this type of user experience suggests that it is not a major issue. That said, if you use this code it should have your desired effect: body:not(.header--menu-open) .header-nav-folder-item--active .header-nav-folder-item-content { pointer-events:none !important; } daniellenoakes 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment