Jump to content

hide one link in nav using CSS in 7.1

Recommended Posts

hi, 

I think i have asked a wrong question in what i really want for my website before. I have a site in two languages, in English and Chinese. Has anyone figured how to hide one language's links from the other using only CSS(on 7.1)?

I have looked at this here but it does not work for 7.1 at all. I tried this

Quote

.collection-5de6aa50ae38e01033140c54

{#header .nav-wrapper a>:nth-child(n1),

#header .nav-wrapper a>:nth-child(n2),

#header .nav-wrapper a>:nth-child(n3),

#header .nav-wrapper a>:nth-child(n4) {display: none;}

}

but it does not work at all, what do i have to replace to make them work with 7.1?

Thank you so much

 

Link to comment
  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

SS 7.1 Navigation uses different class for all items, so the above code won't work.

If you share link to english/chinese pages, we can take a look.

(I did similar on 4 sites for members on here)

 

Edited by tuanphan

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

here is a set

Quote

another set

Quote

 

Quote

 

thank you

 

-would it be easier if i share you the account? I can add you as collaborator to inspect it better since I feel like I messed up the links

Edited by RYooo
Link to comment
  • 7 months later...

Hi Ryooo,

I am facing the same issue with one of my client's websites. From what i can see we are running the same version and template in 7.1 and it looks like you managed to get that multi language navigation to work.

Would you mind expanding on the method you used?

Link to comment
22 hours ago, XavierVice said:

Hi Ryooo,

I am facing the same issue with one of my client's websites. From what i can see we are running the same version and template in 7.1 and it looks like you managed to get that multi language navigation to work.

Would you mind expanding on the method you used?

You can use these guide

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
1 hour ago, ReneeBreathe said:

Having a similar issue, I've got it working on desktop but not on mobile.  Any ideas to hide nav links in mobile menu?

Which code did you use? Can you share link to your site? We can check easier.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.