Class function issues within product landing page

Class function issues within product landing page
0
#1

Hi all, firstly, I would like to say what a fantastic community this is. I have been dipping in and out of this forum to see if others have had the same issues as myself and using the feedback alongside my own coding.

The problem I am experiencing today is that whenever I am using the class function is CSS like this:

.logo {
  width: 60vw;
  
  @media (max-width: 650px) {
    margin-top: 15px;
    width: 100%;
    position: relative;
  }
}

both the widths vw and % are both remaning white and are reflecting within my page.

If anyone has any ideas on why this is I would greatly appreciate an answer.

(my apologies if I dont respond instantly. The wife is adament that I decorate the living room today)

Many thanks
Dan_young

#2

Syntax for media queries is not like that, you need to add the css selector inside the media query

@media (/* condition */) {
   .logo {
      /* rules */
   }
}

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

1 Like
#3

Thank you for that. I can see where I was getting lost over it now