css - OpenCart responsive layout destroy desktop layout -

css - OpenCart responsive layout destroy desktop layout -

i trying create opencart responsive. followed instructions here: how can create current opencart theme responsive?

but every time want alter in mobile.css affects desktop.css. illustration set #footer{ display:none;} in mobile.css result kills footer in desktop , tablet.

do miss anything?

the mobile.css still impact other screen sizes. wrap desktop.css this:

@media (min-width: 970px) { }

to display footer add together desktop.css (within media query above):

#footer { display: block; }

based on comment above looks should alter "max-width" "min-width" in media query on desktop.css.

css responsive-design opencart