Dissimuler certaines pages dans barre navigation (template)

Bonjour,
Je travaille avec un template qui ne propose pas de fonction multilingue, il faut donc injecter du code HTML et retravailler le CSS.
Une méthode qui fonctionnait parfaitement avec un autre template que j'utilisais avant ne fonctionne plus....

HTML

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('.main-nav ul li').each(function(){
      $(this).find('a').each(function(){
        var getLink = $(this).attr('href');
        $(this).parent('li').attr('data-class', getLink);
      });
      });
    $('.english').click(function(e){
      e.preventDefault();
      var Page = $('.main-nav li.active-link a').attr('href');
      if(Page == '/'){
        window.location = '/home/'
      }
      if(Page == '/a-propos/'){
        window.location = '/about/'
      }
      if(Page == '/appel-bourses/'){
        window.location = '/call-applications/'
      } 
      if(Page == '/artiste-1/'){
        window.location = '/artist-1/'
      } 
      if(Page == '/artiste-2/'){
        window.location = '/artist-2/'
      } 
      if(Page == '/artiste-3/'){
        window.location = '/artist-3/'
      } 
      if(Page == '/news/'){
        window.location = '/newsgb/'
      } 
      if(Page == '/liens/'){
        window.location = '/links/'
      } 
      if(Page == '/agenda/'){
        window.location = '/events/'
      } 
      if(Page == '/contact/'){
        window.location = '/contactgb/'
      } 
    });
    $('.français').click(function(e) {
      e.preventDefault();
      var Page = $('.main-nav li.active-link a').attr('href');
      if(Page == '/home/'){
        window.location = '/'
      } 
       if(Page == '/about/'){
        window.location = '/a-propos/'
      } 
      if(Page == '/call-applications/'){
        window.location = '/appel-bourses/'
      } 
      if(Page == '/artist-1/'){
        window.location = '/artiste-1/'
      } 
       if(Page == '/artist-2/'){
        window.location = '/artiste-2/'
      }  
       if(Page == '/artist-3/'){
        window.location = '/artiste-3/'
      }  
      if(Page == '/newsgb/'){
        window.location = '/news/'
      } 
      if(Page == '/links/'){
        window.location = '/liens/'
      } 
      if(Page == '/events/'){
        window.location = '/agenda/'
      } 
      if(Page == '/contactgb/'){
        window.location = '/contact/'
      } 
    });
  });
</script>

Et en CSS :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
a {
  text-decoration: none;
}
/* -- French hide english nav items -- */
#collection-52974a72e4b0a5b6da04b25b,
#collection-5273e946e4b070db6e378776,
#collection-52693828e4b0327032f60ee4,
#collection-5325839fe4b0eeecbb6738ac,
#collection-532583b6e4b01248455af6ae,
#collection-532583bbe4b01248455af6af,
#collection-52751760e4b0144957d293a4,
#item-5291d747e4b03e7a0729241b,
#collection-5291ec1de4b0a535daf10890,
#collection-5291eb7de4b007679e7d57b0,
#collection-53206f4be4b03eb273391519
{
 
  .main-nav li {
 
    & [data-class="home"],
    & [data-class="about"],
    & [data-class="call-applications"],
    & [data-class="artist-1"],
    & [data-class="artist-2"],
    & [data-class="artist-3"],
    & [data-class="news"],
    & [data-class="news/2013/11/29/0hwabkr1r9nn5cyns208sggz00vc7h"],
    & [data-class="links"],
    & [data-class="events"],
    & [data-class="contactgb"]
    { display: none; }
 
  }
 
}
 
 
/* -- English hide french nav items -- */
 
#collection-52985598e4b0c313de259e29,
#collection-5232e7b4e4b09f8abccf81e3,
#collection-52693848e4b0ca729875061b,
#collection-52a99cc0e4b08568b8f9e9bc,
#collection-52a99cd1e4b08568b8f9e9c5,
#collection-52a99cdce4b08568b8f9e9cc,
#collection-529878d3e4b069bc9beb939e,
#item-5298794ae4b09eb8018fbc92,
#collection-5298632fe4b0f580c1ffc4d4,
#collection-529878ade4b069bc9beb938d,
#collection-532581e3e4b074f7f884c3b7
{
 
  .main-nav li {
 
    & [data-class="/"],
    & [data-class="a-propos"],
    & [data-class="appel-bourses"],
    & [data-class="artiste-1"],
    & [data-class="artiste-2"],
    & [data-class="artiste-3"],
    & [data-class="news"],
    & [data-class="news/2013/11/25/appel-a-boursescall-for-grant"],
    & [data-class="liens"],
    & [data-class="agenda"],
    & [data-class="contact"]
    { display: none; }
 
  }
 
}

Le seul problème que j'ai c'est que dans mon nouveau template lorsque j'inspecte la structure de page avec Firebug
il n'y a pas de "data-class" mais <ul class="cf">, comment doit je traiter cela par rapport au code sus-cité ??????

Code:

1
2
3
4
5
< nav id="main-navigation">
<ul class="cf">
<li class="">
<a href="/">L-EST</a>
</li>

MERCI BEAUCOUP DE VOTRE AIDE !

Dissimuler certaines pages dans barre navigation (template) - site multi-lingue