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.

    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.

      Ninja locked the discussion.
      Write a Reply...
      You need to Login to view replies.