[machoyouk]

Hello,
I bought the theme catchbox pro. Is it possible to set some menu items are not visible on the mobile device?
Best Regards
Yannick

[Sakin]

@machoyouk: Yes, you can hide by adding the Custom css. First, count your menu item which you want to hide. For example, if you want to hide the 4th item, then you can add the following css in “Appearance => Theme Options => Custom CSS” box:
#tinynav1 option:nth-child(4n) { display: none; }

Note: you can change 4 to any item that you want to hide. For more, you can share you site URL and let me know which you want to hide it.

[machoyouk]

Hello,
I have try but it doesn’t hide menu item.
The site url is http://www.acvp.ch
And I would like to hide for exemple “Catégorie” and all sub menu.
Best Regards
Yannick

[Sakin]

@machoyouk: the css you have added in is incorrect. Can you name the title of the pages you want to hide then I can correct it.
#tinynav1 option:nth-child(1n) { display: none; }

[machoyouk]

Hello,

Thanks for the response.

Maybe there is a mistake. I use a menu and all the items are not only pages but also links and event categories.
I just need an example to hide one page, one link, one event category.
For exemple :
-page : “Arbitres” in hierachy Association/Instance/Arbitre http://acvp.ch/comite-acvp/-link : “liste des clubs” in hierachy Association/Clubs/liste des clubs http://acvp.ch/acvp/clubs/liste-des-clubs
-event category : “Cadet” in hierachy Compétitions/Calendrier/Catégorie/Cadet http://acvp.ch/events/categorie/categorie/cadet/

I have see that I can also use the “mobile theme” of the “jetpack” plugin (http://jetpack.me/support/mobile-theme/). With this plugin I can define a second menu for the mobile version. But it is not good for me because catch box pro already manage the responsive problem with a better design. Do you think it would be possible to integrate a similar solution in catch themes ?

Best Regards

Yannick

[Sakin]

@machoyouk: It doesn’t matter if it’s page or post or category or link. You just count the number in which position that link is and then remove it.
For 1st, it will be:
#tinynav1 option:nth-child(1n) { display: none; }

for 15th, it will be:
#tinynav1 option:nth-child(15n) { display: none; }

[machoyouk]

Hello,
Maybe I stupid, but what is wrong on my css ?
I have put this in “Appearance => Theme Options => Custom CSS” box:

#tinynav1 option:nth-child(1n)
 { display: none; }
#tinynav1 option:nth-child(2n)
 { display: none; }
#tinynav1 option:nth-child(3n)
 { display: none; }
#tinynav1 option:nth-child(4n)
 { display: none; }
#tinynav1 option:nth-child(5n)
 { display: none; }

And nothing is removed on the mobile menu.
Best regards
Yannick

[machoyouk]

Hello,
Sorry, in fact it works on chrome but not on IE11 🙂
Have you a way to make it works on all browser ?
Best regards
Yannick

[Sakin]

@machoyouk: but your question was to hide from Mobile. Mobile browser doesn’t have old browser. So, it will work on all mobile devices.

[machoyouk]

yes and no, i have a Windows phone 😉
Thanks a lot for your help, it relly was appreciated !
Best regards
Yannick

[Author]

Posts