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

Penia

Member
  • Posts

    235
  • Joined

  • Last visited

  • Days Won

    6

Community Answers

  1. Penia's post in Tutorial: how to hide pages in navbar ( for multilingual sites ) was marked as the answer   
    So on your sites configuration page (see the picture below for the steps):
    Create your blogs/pages and move them in the "Not linked" area. In the "Top Navigation" (the linked) area create the links for the navbar in both languages. eg. Let's say that we have an A, B page for English and an A', B' for Greek When clicking on each blog(that in the unlinked area (eg the English or Greek Version for me), you can see its unique id up the url's area. Copy-save them somewhere. Go now to Style Editor > Custom CSS  
     
    The code that we will need is: .collection-52[…]d3 {#topNav nav ul>:nth-child(n1),#topNav nav ul>:nth-child(n2) { display: none }}
    What you should change in that code:
    collection-52[…]d3 > write your own blog ID here from step 3. nth-child(n) > in the “n”s place you will write the number of the page that you want to hide in the lit of pages.
     
    For example: I have the A, B, A', B' pages, in the English blog I will hide the A', B' (the Greek ones) and vice versa. So for my English site, in order to hide the 3rd and 4rth pages that are Greek, the codes will be: .collection-52249736e4b022f2da85d4d3 {#topNav nav ul>:nth-child(3),#topNav nav ul>:nth-child(4) { display: none }}

    And for the Greek blog, the same: .collection-52249736e4b022f2da85d4d3 {#topNav nav ul>:nth-child(1),#topNav nav ul>:nth-child(2) { display: none }}
    Got it? It's easy peesy lemon squeezy! And thanks again @rwilson for this (he answered my question on that post on the first place).
    By the way I have the Montauk template. UPADATE: This method works in SS6 and SS7 Montauk template.
    UPDATE - For Five Template (SS7)
    #collection-xxxxxxxx #main-navigation ul li:nth-child(number) { display: none}
    works perfectly!
  2. Penia's post in Tutorial: how to hide pages in navbar ( for multilingual sites ) was marked as the answer   
    So on your sites configuration page (see the picture below for the steps):
    Create your blogs/pages and move them in the "Not linked" area. In the "Top Navigation" (the linked) area create the links for the navbar in both languages. eg. Let's say that we have an A, B page for English and an A', B' for Greek When clicking on each blog(that in the unlinked area (eg the English or Greek Version for me), you can see its unique id up the url's area. Copy-save them somewhere. Go now to Style Editor > Custom CSS  
     
    The code that we will need is: .collection-52[…]d3 {#topNav nav ul>:nth-child(n1),#topNav nav ul>:nth-child(n2) { display: none }}
    What you should change in that code:
    collection-52[…]d3 > write your own blog ID here from step 3. nth-child(n) > in the “n”s place you will write the number of the page that you want to hide in the lit of pages.
     
    For example: I have the A, B, A', B' pages, in the English blog I will hide the A', B' (the Greek ones) and vice versa. So for my English site, in order to hide the 3rd and 4rth pages that are Greek, the codes will be: .collection-52249736e4b022f2da85d4d3 {#topNav nav ul>:nth-child(3),#topNav nav ul>:nth-child(4) { display: none }}

    And for the Greek blog, the same: .collection-52249736e4b022f2da85d4d3 {#topNav nav ul>:nth-child(1),#topNav nav ul>:nth-child(2) { display: none }}
    Got it? It's easy peesy lemon squeezy! And thanks again @rwilson for this (he answered my question on that post on the first place).
    By the way I have the Montauk template. UPADATE: This method works in SS6 and SS7 Montauk template.
    UPDATE - For Five Template (SS7)
    #collection-xxxxxxxx #main-navigation ul li:nth-child(number) { display: none}
    works perfectly!
×
×
  • Create New...