Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

Make a dropdown navigation folder not clickable


laurentaylar

Question

  • Answers 16
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Add to Home > Design > Custom CSS a.Header-nav-folder-title[href="/investment-solutions"], a.Header-nav-folder-title[href="/contact"] { pointer-events: none; }  

Add to Design > Custom CSS /* disable folder title click */ li.folder-collection>a { pointer-events: none; }  

Posted Images

16 answers to this question

Recommended Posts

  • 1

Add to Home > Design > Custom CSS

a.Header-nav-folder-title[href="/investment-solutions"], a.Header-nav-folder-title[href="/contact"] {
    pointer-events: none;
}

 

Link to post
  • 0
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?

Link to post
  • 0
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;
}

 

Link to post
  • 0

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!!!

screenshot.jpg

Edited by designspiral
Link to post
  • 0

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 by derricksrandomviews
Link to post
  • 0
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.

Link to post
  • 0
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.

Link to post
  • 0

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. 

Link to post
  • 0
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;
}

 

Link to post
  • 0

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

Link to post
  • 0
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;
}

 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...