Jump to content

Tutorial: how to hide pages in navbar ( for multilingual sites )

Recommended Posts

I’m using the Native template and I have tried everything listed on this post to hide pages (topNav, mainNav,etc.) without any success. I’m real beginner at finding the source code for the navigation menu. Could anybody tell me what “keywords” I should write in the custom CSS to hide the pages.

Thanks

vincent-lefebvre.squarespace.com

Link to comment
  • Replies 87
  • Views 45.9k
  • Created
  • Last Reply

I also use the adirondack template and the first one you suggested worked beautifully.

Thank you so much, this had been driving me crazy!

Any idea how to achieve the same thing in the footer section this time ?

Link to comment
  • 1 month later...

The easiest way to have a bilingual site is to use a piece of javascript I originally wrote for Shopify.

Insert the code in the code injection footer area then you're set.

Find out more here: www.affiliatewebdesigners.com/product/multilingualizer/

It works for all languages, is SEO friendly, and it's very easy to use.

Link to comment
  • 1 month later...

I have a bilingual site that I created with SS with a landing page. Once you chose your language, then you get into the section of my site where everything is in the language you selected. I used folders for the navigation, in order to have only "English" and "Español" as options (and the home). This also allows for readers to be able to easily come back to the selected language--since there is much interaction within the two sections. Here is the link if you want to check how it works:http://www.ebglobal.org/Moisés

Link to comment
  • 1 month later...

This has been very helpful! I've tried it on the Adirondack template and seemed to be working. However now I've changed to the Marquee template and I can't seem to find a way to hide pages. If anyone could suggest the code to use in Marquee I'd be very grateful! Thanks.

Link to comment
  • 1 month later...

Hi everyone! Not sure if this is still active but I need some help. I've been trying for a day and a half to get this to work on my page http://www.azadaz.org/ with no luck. What it boils down to is I can't find a collection ID for any of my pages or folders. The blogs and galleries seem to have them, but the pages are all IDed by just their url slug. Was there a change in SS7 that made this method no longer work? Am I missing something obvious? Thank you!

Link to comment

Right click on your site when in viewing mode not editing mode and then click on 'View page source', if you scroll down to line 234-5 (the line numbers are on the left of your screen) you will find the ID that looks something like this:

id="page-5511ec39e4b07319c3fbb678"

Use only the numbers!

Link to comment
  • 2 weeks later...
  • 4 weeks later...

Hi

I used this method and it works really well. I have a English/Hebrew site and still have one issue on mobile that I am trying to solve and that is that I have to rearrange the Hebrew mobile menu, so it also displays from top to bottom like the English menu. The Hebrew menu runs from right to left on the desktop so naturally it displays from bottom to top on mobile, any ideas how I can rearrange the menu for the Herbrew mobile version only?

Your replies appreciated.

Link to comment
  • 1 month later...

Hello,

I am so happy that this tutorial helped so many people create multilingual sites and probably now I need some help too. This tutorial was made to hide links from Montauk's (SS6) navigation bar. Now I changed my template to Five (SS7) and I would like to incorporate the trick there too. This:


#collection-xxxxxxxx #main-navigation ul li:nth-child(number) { display: none}

works perfectly for pages and blogs, but when I open an individual post in the blog, the hidden links are visible again. Is there any way to state in the CSS that what ever happens to the blog as a collection should happen in all its individual posts??

Your help would be more than amazing!

Link to comment

THANKS for the infosHere's the css code for shift template if anyone needs it:

collection-xxxxxxxxxxxxxxxxxxxxxxx,

collection-xxxxxxxxxxxxxxxxxxxxxxx,

collection-xxxxxxxxxxxxxxxxxxxxxxx,

{ .main-nav ul li:nth-child(x), .main-nav ul li:nth-child(x), .main-nav ul li:nth-child(x) { display: none !important}}

Link to comment

Ok, so I figure out that Hayden was working like Bedford. This worked out and I had to do it for every pages and it is just fine.

collection-xxxxxxx #headerNav #mainNavWrapper nav>:nth-child(x) { display: none}

I used google chrome web developper to view the exact collection id of every pages, it was more accurate.

Link to comment
  • 3 weeks later...

Hi Everyone,

I am trying to do the same for the Galapagos theme and was trying all different versions of .collection-xxxxxxxxxx # ... nav>:nth-child but I can't figure it out. Can someone help me with the right Custom CSS code for Galapagos?

Also, I am not sure yet, how I would integrate the link "deutsch" or "english" for the visitor to actually get to the german or english pages. Does anyone know how I would need to do that?

Thank you very much for your help. This forum is pretty helpful already for lots of little problems I had so far. I was reading every answer and post for this question, but this one is a tricky one for me. So I hope someone has an idea!

Link to comment
  • 1 month later...

Hello,

Here’s my website page: https://atom3dp.squarespace.com

My web site’s template is Devlin

I have tried every options of this post (main-nav, topnav,…), but still nothing happened

I tried to search "nav id” from source code but nothing could be found

I noticed that @sssuperguy mentioned that Devlin has unique way to deal folders,

but unfortunately the link is missing now, so can someone help me what the suitable code is for Devlin template?

Any help would be appreciated, thanks a lot!

Link to comment

I have a landing page with each language where the user can click on. This directs the user to the (selected language) Index page

The index page shows several pages on one page.

Is it possible to have multiple indexes and have only shown? So maybe a better question, can you hide index pages?

When I look into the source of the Index it points to various page id's, I have added all of these but this didn't work.

I'm running the template Marquee

Thanks for your help.

Link to comment
  • 4 weeks later...

Need help hiding index in man nav bar and on mobile. I've set up a "multilingual site" but really just set up two locations. Once a customer clicks "New Jersey" on cover page, I don't want the florida or new jersey indexes to appear. I'm assuming I need to display:none, but I'm not sure where to place the code (do I need to enable developer?) or exactly how to write it. I would like to do the same process in the florida section as well. Here is a link to site:

http://brendanbuyshouses.com/

The url-slug for the new jersey index is /new-jersey The url-slug for the florida index is /florida

Thanks in advance.

Link to comment
  • 3 weeks later...
  • 2 months later...

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.