0

Here is a snippet of my CSS code for the media query:

@media (min-width: 320px) and (max-width: 480px) {

.vertical-bar{
    display: none;
}

.fa-bars{
    position: fixed;
    left:280px;
    top: 20px;
}

.fa-bars.animate{
    top: -71px;
}

.fa-bars.sticky{
    top: 25px;
}

}

The code works fine on both mobile chrome and Firefox but not on opera. I do not know why. Is there any special keyword for opera I'm missing to include in my CSS code? Please help me.

Cross
  • 1
  • 1

1 Answers1

0

You have to use Modernizr, or Respond;

Just see the documentation provided in the documents if you really want to do it.

These two repositories that I have mentioned above will take care of everything

Hussein Al-Mosawi
  • 1,464
  • 3
  • 17
  • 37
  • And these will help you too (Sorry, don't have enough reputation to comment on your post) https://stackoverflow.com/questions/10185904/media-queries-in-opera-mini-incorrect-display https://stackoverflow.com/questions/10246903/css3-media-queries-does-not-work-in-some-browsers-officially-supporting-mq – Hussein Al-Mosawi Feb 03 '20 at 18:36