Streaming live at 10am (PST)

Adding a media querie for one specific pixel size


#1

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


#2

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

#3

Hi!

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


#4

Her the code work (use inspect and change the witdh to 991px)

Add live url.


#5

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?


#6

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

right: -5%!important;

Also clear cache.


#7

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


#8

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


#9

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).