T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Dan
  2. General Discussion
  3. Thursday, October 09 2014, 05:08 PM
  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.
Daniel Murphy 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
Gardner Luna 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.