css - Resposive Mobile and display: none - Wordpress - Visual Composer -
hello have problem hide 1 row (exactly background) on mobile , tablet device try give class row : “none” , add css dont work on mobile
@media screen , (max-device-width: 900px){ .none { display: none !important; visibility: hidden !important; } } @media screen , (max-device-width: 900px){ .none { background-image: none !important; } }
your code should work on actual phone/tablet. doesn't work in these emulators because max-device-width refers device width, not width of iframe window. in emulator, device computer, has larger physical screen width 900px. so, development, use max-width instead:
@media screen , (max-width: 900px){ .none { display: none !important; } } @media screen , (max-width: 900px){ .none { background-image: none !important; } } on production, feel free use max-device-width. more on here.
Comments
Post a Comment