Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Responsive visibility class?

See original GitHub issue

Why do you have to add the class grid before it works?

<div class="ui top fixed menu mobile only grid"> Works and display only on mobile, but changes button margin on menu, and other tings like tables.

<div class="ui top fixed menu mobile only"> Does not work.

The documentation is not very clear on this point. And it does not make logic sense why you have do add a grid class to make it work.

Issue Analytics

State:
Created 6 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

2reactions

bitfedecommented, Oct 6, 2018

Absolutely!!! These [ https://materializecss.com/helpers.html#hiding ] are a MUST HAVE!!!

A bit disappointing not seeing them in Semantic…

2reactions

Emuspcommented, Apr 25, 2017

Ok, thanks for the clarification.

Will make my own media queries then. But I think it will make sense have the option to use device visibility classes on containers also.

Top Results From Across the Web

Responsive/Visibility Classes - Total WordPress Theme

Responsive /Visibility Classes ... Total includes many useful classes for responsiveness so you can show/hide items. Core Total WPBakery modules ...

Visibility - UIkit

This component provides responsive classes to hide or display elements on different viewports. Hidden. Add one of the .uk-hidden-* classes to hide the...

Visibility - Bootstrap

Control the visibility, without modifying the display, of elements with visibility utilities. Set the visibility of elements with our visibility utilities.

Bootstrap 4 Hidden & Visible. How Responsive Display Works ...

Bootstrap 4 Responsive Display. If you want to hide an element on specific tiers (breakpoints) in Bootstrap 4, use the `d-*` display classes...

Responsive utilities · Bootstrap

hidden-md-down hides an element on extra-small, small, and medium viewports. There are no explicit “visible”/”show” responsive utility classes; you make an ...