Mobile.css

How do I style separately for responsive? I thought all the changes I made in mobile.css would override other styles. This is not the case.... What am I doing wrong? Thanks in advance.

How do I style separately for responsive? I thought all the changes I made in mobile.css would override other styles. This is not the case.... What am I doing wrong? Thanks in advance.

Not sure if this will help but I've had to use !important in the mobile.css next to the css attribute. For example,

Code: Select all

body {overflow: hidden !important}

or use the override.css file and set an @media to the size of the screen

Code: Select all

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
body {overflow: hidden !important}
}



Hi,

Both solution are good, if you want to have all overriden css in one file, you can use override.css file with media queries, regarding the !important - it depends on css rules used earlier, but in the override there's generally no need to use "!important".