Adding a media querie for one specific pixel size

Hello,

I am trying to add a media query for one specific pixel size for my homepage because the visual elements are not at the right position at 991px.

Here is the code that I inserted (the class “.aquetypo_home_gif” represents one of the element that I need to adjust):

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

 .arquetypo_home_gif {
 position: fixed;
  right: -5%;

}

}

the media query didn’t work… any thouhts?

thank you so much!

Here is my read-only link: https://preview.webflow.com/preview/syntheticvelvet?utm_source=syntheticvelvet&preview=ed7e2ae8b7d9269b059a5cb1d6a20e2d

Next time wrap your code (in your Q its hard to read). markdown docs

@media (min-width: 991px) and (max-width: 991px) {
    .arquetypo_home_gif {
         position: fixed;
         right: -5%;
     }
}

Try this:

@media (min-width: 991px) and (max-width: 992px) {
...rest of the code

https://stackoverflow.com/questions/38911076/how-to-target-specific-pixel-width-using-media-query

Hi!

Thank you so much for your reply but i tried it and it doesn’t work :confused: any thoughts?

Her the code work (use inspect and change the witdh to 991px)
https://codepen.io/ezra_siton/pen/roNmKQ

Add live url.

thank you! but again, i tried it and doesn’t work… it’s so weird! could it be that it doesn’t work because 991px falls between desktop and tablet size?

Add live url. No way to help like this. Add this maybe

right: -5%!important;

Also clear cache.

the live url is http://syntheticvelvet.com/, password: fiveforty

In what page the problem? (Again please be more specific).

thank you so much for your help! The problem is on the homepage when it gets to 991px: the 3D visuals elements are not aligned properly (they are supposed to be on the video’s border).