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

http://scr.hu/0wj8n/x00rp

@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

Popular posts from this blog

sql server - Cannot query correctly (MSSQL - PHP - JSON) -

php - trouble displaying mysqli database results in correct order -

C++ Linked List -