Best way to override mobile.css

hjaimeo1

This is more of a general question and not only related to the current project I'm working on.

I'm wondering what is the best way to override mobile.css, I've seen some posts in the forum suggesting to go directly into the mobile.css file but those changes would get lost upon updating the template so I'm wondering if there's a way to includes overrides to the mobile.css file into the default override file of the template or if there's another simple way to achieve that.

Worst case scenario is I'll modify the mobile.css file and keep a record of the changes I made but I am trying to see if there a better way to achieve this.

Ninja

hjaimeo1
Hi
Another override option is override.css file that will not be update during template
But you need to define the Media query as example here

@media(max-width:468px){.logo{width:100px;}}

So it will apply only resolution width 468px and below. You can make different style code with media queries.