Joomla Templates Club 406,261 posts

[mamieadom Friend mamieadomJoin date: May 2016Posts: 40Downloads:14Uploads:16]

#973068

Hi,

how to mange to hide some menu item on the mobile menu version ?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#973100

Hi

You can add the hidden-xs code into link css style

---

Attachments:

1. 

[mamieadom Friend mamieadomJoin date: May 2016Posts: 40Downloads:14Uploads:16]

#973412

There are already a css or is it necessary to create?
And what should we do to hide on desktop ?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#973448

mamieadom wrote:

There are already a css or is it necessary to create?

It is bootstrap css already installed

[mamieadom Friend mamieadomJoin date: May 2016Posts: 40Downloads:14Uploads:16]

#973453

And what should we do to hide on desktop ?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#973457

mamieadom wrote:

And what should we do to hide on desktop ?

You can use the hidden-lg suffix

Take a look HERE

[mamieadom Friend mamieadomJoin date: May 2016Posts: 40Downloads:14Uploads:16]

#973464

Hi,
I tried with css but I did not happen.
I did like the screenshot but it has no effect.

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#973468

remove the empty space at beginning of code

[mamieadom Friend mamieadomJoin date: May 2016Posts: 40Downloads:14Uploads:16]

#973478

yes, I also tried, it does not work.

[mamieadom Friend mamieadomJoin date: May 2016Posts: 40Downloads:14Uploads:16]

#973482

It’s working with "hidden-lg" but not with "hidden-xs"

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#973483

mamieadom wrote:

yes, I also tried, it does not work.

You are using an external extension ( mainmenu ck ) it has a proper bootstrap code so i guess bootstrap code suggested won’t works on it , you can try to ask to extension developer how to hide it on mobile versions.

[mamieadom Friend mamieadomJoin date: May 2016Posts: 40Downloads:14Uploads:16]

#973484

No, I stopped using Maxi menu CK. I use only your template now (in dev)
http://dev.mamieadom.com

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#973487

Please share a temp super user account to your dev website answering to this topic as private reply and tell me which menu item you want to hide, i will have a look at it.

[mamieadom Friend mamieadomJoin date: May 2016Posts: 40Downloads:14Uploads:16]

#973488

This reply has been marked as private.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#973498

Hi there

You have installed maximenu ck component that manages your menus items as showed in my img below

for some reason it override normal bootstrap menu items properties , the hidden-xs works fine on a clean uber installation as i showed you in my previous post , i can suggest to ask to the maximenu ck developer team to debug why it doesn’t works on your website.

Regards

---

Attachments:

1. 
2. 

[Author]

Posts