slocreatives Posted November 4, 2019 Share Posted November 4, 2019 Hello! Does anyone know how I can disable the link on the folder navigation? Currently when you click the folder it defaults and links to the first page in the folder. I do not want it to link to any page and act solely as a folder for the pages. Anyone know the code that will help me achieve this? I am using Brine. Thank you! Nikkole Kalesh 1 Link to comment
tuanphan Posted November 5, 2019 Share Posted November 5, 2019 Can you share link to your site? 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
spencerhaddy Posted November 5, 2019 Share Posted November 5, 2019 I also am trying to do this... It's very frustrating!! Link to comment
spencerhaddy Posted November 5, 2019 Share Posted November 5, 2019 I think I actually just figured it out! I did it this way because I didn't want to affect the mobile menu when I clicked on the folder, so this was a way around that. I did this for the 'work' tab/folder/dropdown option in the navigation of my portfolio/design site because I didn't want the folder to link to anything at all. Let me know if you have questions! @media screen and (min-width: 640px){ a.Header-nav-folder-title.Header-nav-folder-title--active { pointer-events: none; cursor: default; } } Note: I also used this site for reference/help. NHH-JF 1 Link to comment
spencerhaddy Posted November 5, 2019 Share Posted November 5, 2019 I also added this ***very important*** @media screen and (min-width: 640px){ a.Header-nav-folder-title.Header-nav-folder-title--active { pointer-events: none; cursor: default; } /* this part here is really important for when I'm not on any of the pages within the folder */ a.Header-nav-folder-title { pointer-events: none; cursor: default; } } afazevedo and tuanphan 1 1 Link to comment
robenmarie Posted December 2, 2019 Share Posted December 2, 2019 Thanks so much for sharing this, @spencerhaddy I had a client who needed this and it worked like a charm! tuanphan 1 Link to comment
lovelylittledesignco Posted January 22, 2020 Share Posted January 22, 2020 The above code didn't work on Brine for me -- any updated code millagorilla 1 Link to comment
tuanphan Posted January 23, 2020 Share Posted January 23, 2020 11 hours ago, lovelylittledesignco said: The above code didn't work on Brine for me -- any updated code can you share link to your site? 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
xime Posted October 30, 2020 Share Posted October 30, 2020 Hi, I need help with this please, on 7.1.... I can't seem to change the cursor on all my folder titles (which don't link to anything, its just a dropdown to a few links) so I'd like the arrow cursor to appear on hover. Would really appreciate help please 🙂 Thank you! Link to comment
creedon Posted October 30, 2020 Share Posted October 30, 2020 @xime Please post the URL to your site. If your site is not public please set up a site-wide password, if you've not already done so. Post the password here. We can then take a look at your issue. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
MeganHope Posted June 10, 2021 Share Posted June 10, 2021 Hello, I am also trying to do this and the above code doesn't seem to work for me, unless I'm doing something wrong! Link is: https://impala-rabbit-6txd.squarespace.com Password: MayamikoTrust Could anyone point me in the right direction? I want to make the 'What we do' and 'Support us' unclickable in the nav so they have to choose a page option. Link to comment
creedon Posted June 10, 2021 Share Posted June 10, 2021 (edited) @MeganHope Add the following to Design > Custom CSS. .Header-nav-folder-title { pointer-events : none; } This is for v7.0 using the Brine template family. Let us know how it goes. Edited June 10, 2021 by creedon tuanphan 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
MeganHope Posted June 11, 2021 Share Posted June 11, 2021 Hey @creedon that did the trick, thanks so much! creedon 1 Link to comment
Guest Posted November 26, 2021 Share Posted November 26, 2021 For version 7.1 sites, you can use the following code in the Design -> Custom CSS panel: /* Disable click on folder link */ a.header-nav-folder-title[href="/url-slug"] { pointer-events: none; cursor: default; } Change the "url-slug" text with the URL slug of the folder, which can be found in the setting options of the folder (cog/sun/flower icon) Link to comment
ondeline Posted April 25, 2022 Share Posted April 25, 2022 Any updates on this? This code doesn't work on my website: /* Disable click on folder link */ a.header-nav-folder-title[href="/url-slug"] { pointer-events: none; cursor: default; } Im using the 7.1 version Link to comment
creedon Posted April 25, 2022 Share Posted April 25, 2022 @Vivaldi @ondeline I'm confused. v7.1 doesn't support active folder links as some v7.0 template do. So you shouldn't need to add CSS to disable that behaviour. If your navigation folders links are active I'd like to see your sites. To be clear I'm talking about the folder titles themselves not the folder contents. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. 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