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!
Subscribe via RSS  Subscribe via email
Recent
Categories
Tags
Users
Badges
View Replies (2)

Resolved Hide or show menu items on desktop or phone views

0
Votes
Undo
  1. Dan
    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.)
  1. Megamenu
  2. menu-items
  3. bootstrap 3
  4. hide
  5. menus
  6. helper classes
  7. hidden-desktop
  8. hidden-phone
  9. display-desktop
Comment
There are no comments made yet.
Responses (2)
Daniel Murphy
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
Gardner Luna
Hole-in-One The Voice
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.