laurentaylar Posted February 21, 2020 Posted February 21, 2020 I'm trying to make it so that the menu isn't clickable in a navigation for two specific menus. So only the pages below it are clickable and not the actual menu. I'm trying to do it for this site: https://quadra-capital.squarespace.com/ (password: quadracapital) for "investment solutions" and "contact." Would really appreciate any help!
tuanphan Posted February 22, 2020 Posted February 22, 2020 Add to Home > Design > Custom CSS a.Header-nav-folder-title[href="/investment-solutions"], a.Header-nav-folder-title[href="/contact"] { pointer-events: none; } breathedotdesign and RDowell 2 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!)
laurentaylar Posted February 22, 2020 Author Posted February 22, 2020 You're a lifesaver!! Thank you!! Do you know how I would decrease the spacing between the menu and the individual page below them? Just to be able to move them up a little bit?
tuanphan Posted February 23, 2020 Posted February 23, 2020 16 hours ago, laurentaylar said: You're a lifesaver!! Thank you!! Do you know how I would decrease the spacing between the menu and the individual page below them? Just to be able to move them up a little bit? Can you take screenshot spacing? 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!)
laurentaylar Posted February 25, 2020 Author Posted February 25, 2020 Here's an image. Basically, I want to be able to move the pages up / decrease the spacing between the menu and first page.
tuanphan Posted February 26, 2020 Posted February 26, 2020 15 hours ago, laurentaylar said: Here's an image. Basically, I want to be able to move the pages up / decrease the spacing between the menu and first page. span.Header-nav-folder { padding-top: 0; } 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!)
belladawna Posted July 18, 2020 Posted July 18, 2020 (edited) I'm having the same problem that was described in the first post: I'm trying to make it so that the menu isn't clickable in the navigation. So I want only the pages below it to be clickable and not the actual menu. I tried copying and pasting the code that tuanphan wrote above into the Custom CSS box, but nothing changed. I don't understand coding at all, so maybe the formatting was off? Or the words need to be different? My menu is called "Projects" and the two pages in the drop down menu are called "Themed Entertainment" and "Freelance Drafting". So I want "Projects" to not be clickable...Please help!!! Edited July 18, 2020 by designspiral
derricksrandomviews Posted July 19, 2020 Posted July 19, 2020 (edited) Did you give the folder a special slug? I have worked with my 7.1 and 7.0 lab sites and I don't make changes to the folder slug at all. They are not clickable. The folder name, navigation name, and slug names are all the same, in your case it should be one word for all "projects" however I think the code modification will also work . a.Header-nav-folder-title[href="/projects"] { pointer-events: none; } Edited July 19, 2020 by derricksrandomviews
belladawna Posted July 19, 2020 Posted July 19, 2020 The folder does not have a special slug, but that code did work. Thank you!
Calvin_K Posted August 25, 2020 Posted August 25, 2020 On 2/22/2020 at 4:56 PM, tuanphan said: Add to Home > Design > Custom CSS a.Header-nav-folder-title[href="/investment-solutions"], a.Header-nav-folder-title[href="/contact"] { pointer-events: none; } Hello, I have tried to work around the above code for my website but it did not work. I begin to wonder is it because mine is version 7.0 Will appreciate any help or advices for my website https://www.calvinkongphysics.com/ I am trying to make the folders "Register" and "Reviews" to be unclickable. Template used is Bryant.
derricksrandomviews Posted August 25, 2020 Posted August 25, 2020 (edited) a.Header-nav-folder-title[href="/folder name goes here"] { pointer-events: none; } Looks like you took care of it. Edited August 25, 2020 by derricksrandomviews
tuanphan Posted August 26, 2020 Posted August 26, 2020 19 hours ago, Calvin_K said: Hello, I have tried to work around the above code for my website but it did not work. I begin to wonder is it because mine is version 7.0 Will appreciate any help or advices for my website https://www.calvinkongphysics.com/ I am trying to make the folders "Register" and "Reviews" to be unclickable. Template used is Bryant. Add to Home > Design > Custom CSS /* Disable Register Reviews click */ .folder:nth-child(3), .folder:nth-child(4) { .folder-toggle { pointer-events: none; } } 19 hours ago, derricksrandomviews said: a.Header-nav-folder-title[href="/folder name goes here"] { pointer-events: none; } Looks like you took care of it. Recently I wrote this "make folder title not clickable" guide, cover all Squarespace templates (7.0 + 7.1), maybe helpful. 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!)
MirandaW Posted October 22, 2020 Posted October 22, 2020 I am trying to do the same thing with my main menu navigation to make some of them not clickable and only the drop down clickable. Trying to make Locations, Fitness Programs, FD Rewards and About Us all non clickable. Website is: https://fdgyms.com/ The above is not seeming to work for me. Any help would be greatly appreciated.
tuanphan Posted October 23, 2020 Posted October 23, 2020 17 hours ago, MirandaW said: I am trying to do the same thing with my main menu navigation to make some of them not clickable and only the drop down clickable. Trying to make Locations, Fitness Programs, FD Rewards and About Us all non clickable. Website is: https://fdgyms.com/ The above is not seeming to work for me. Any help would be greatly appreciated. Add to Home > Design > Custom CSS /* make folder not click */ .Header-nav-folder-title[href="/new-folder"], .Header-nav-folder-title[href="/fitnessprograms"], .Header-nav-folder-title[href="/fd-rewards"], .Header-nav-folder-title[href="/aboutus"] { pointer-events: none; } 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!)
Jamseyp Posted February 16, 2021 Posted February 16, 2021 Hello @tuanphan I'm having the exact same problem with my site - www.jamesparker.co - trying to make the "Editorial" and "Commission" titles un-clickable / not have the little hand appear when hovered over the title. Currently running the Avenue template - Had a look on your guide and cannot see. Cheers James
tuanphan Posted February 19, 2021 Posted February 19, 2021 On 2/17/2021 at 3:47 AM, Jamseyp said: Hello @tuanphan I'm having the exact same problem with my site - www.jamesparker.co - trying to make the "Editorial" and "Commission" titles un-clickable / not have the little hand appear when hovered over the title. Currently running the Avenue template - Had a look on your guide and cannot see. Cheers James Add to Design > Custom CSS /* disable folder title click */ li.folder-collection>a { pointer-events: none; } Jamseyp 1 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!)
angeldesign Posted June 4, 2021 Posted June 4, 2021 hiya same thing for me the code doesn't seem to be working https://kubohomes.squarespace.com/ PW: kubohomes need the projects nav work to be unclickable - thanks!
tuanphan Posted June 5, 2021 Posted June 5, 2021 17 hours ago, angeldesign said: hiya same thing for me the code doesn't seem to be working https://kubohomes.squarespace.com/ PW: kubohomes need the projects nav work to be unclickable - thanks! Add to Design > Custom CSS span.Header-nav-item.Header-nav-item--folder:nth-child(3)>a { pointer-events: none; } angeldesign 1 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!)
angeldesign Posted June 14, 2021 Posted June 14, 2021 On 6/5/2021 at 8:04 AM, tuanphan said: Add to Design > Custom CSS span.Header-nav-item.Header-nav-item--folder:nth-child(3)>a { pointer-events: none; } thank you so much tuan!
nccu99403027 Posted June 18, 2021 Posted June 18, 2021 Hi tuanphan, Thanks a lot for making the "make folder title not clickable" guide! It worked successfully without any issue on the computer version of my website. However on mobile, the code prevented me from expanding the drop down. The drop down menu doesn't show up after I tapped the folder title. I am using the "Horizon" template. Thanks a lot!!
tuanphan Posted June 18, 2021 Posted June 18, 2021 6 hours ago, nccu99403027 said: Hi tuanphan, Thanks a lot for making the "make folder title not clickable" guide! It worked successfully without any issue on the computer version of my website. However on mobile, the code prevented me from expanding the drop down. The drop down menu doesn't show up after I tapped the folder title. I am using the "Horizon" template. Thanks a lot!! Hi. Can you share site url? I can check easier 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!)
nccu99403027 Posted June 18, 2021 Posted June 18, 2021 Hi tuanphan, No problem! Here is the url to the website. https://www.shaotingchang.com/ The navigation folders I was having problems with are "BIO", "ORIGINAL", and "RESCORE". Thanks again!
tuanphan Posted June 21, 2021 Posted June 21, 2021 On 6/18/2021 at 2:54 PM, nccu99403027 said: Hi tuanphan, No problem! Here is the url to the website. https://www.shaotingchang.com/ The navigation folders I was having problems with are "BIO", "ORIGINAL", and "RESCORE". Thanks again! Hi. It looks fine here. Did you solve it? See video. https://www.loom.com/share/48c44506c6a8456094a1a1da04e6d6fc 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!)
breathedotdesign Posted November 11, 2021 Posted November 11, 2021 (edited) On 2/22/2020 at 8:56 AM, tuanphan said: Add to Home > Design > Custom CSS a.Header-nav-folder-title[href="/investment-solutions"], a.Header-nav-folder-title[href="/contact"] { pointer-events: none; } Thank you - I've just found this, as I'm persevering with a couple of 7.0 sites and this worked perfectly for me (by editing the hrefs) on charisrefugees.org Edited November 11, 2021 by breathedotdesign tuanphan 1 John breathe.design
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment