We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Dan
  2. General Discussion
  3. Thursday, 09 October 2014
  4.  Subscribe via email
With T3 for Bootstrap 3, is it possible to hide or display menu items from the megamenu and responsive menu if the viewport is desktop, phone, etc?

BS3's helper classes like hidden-desktop and display-mobile should allow this, but they have no effect when used in the extra class field for the megamenu settings. In fact, using hidden-desktop as an extra class will make the item disappear forever in the megamenu admin interface. (I've posted that bug at github.)
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
For small screens and mobile try adding "hidden-sm hidden-xs" to the extra class field. Works for me. This is a Bootstrap helper class.

Extra small devices Phones (<768px) (Class names : .visible-xs, hidden-xs)

Small devices Tablets (≥768px) (Class names : .visible-sm, hidden-sm)

Medium devices Desktops (≥992px) (Class names : .visible-md, hidden-md)

Large devices Desktops (≥1200px) (Class names : .visible-lg, hidden-lg)
  Newman University, 3100 McCormick Street, Wichita, KS 67213, USA
Visit 
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi guys,

@Daniel, you provided great solution, perfect explaination ;)
@Dan: everything works now for you ?
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.