Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.

Okay
  Public Ticket #1423205
How to write media queries in custom CSS
Closed

Comments

  • lukesvarc started the conversation

    Hi,


    I am trying to write media queries in custom CSS but they are not working. I am doing this to change the height of buckets I am making at mobile and desktop. The class is applied to right element as the height works but when I add the media query it isn't working and I'm sure my code is fine.

    Can you advise on the following code?

    .height-350 {

    height: 250px;

             @media only screen and (min-width:768px) { 
    height: 350px;
            }
    }

    Thanks

  •  7,280
    Oliver replied

    Hi, there are no class or ID in your code:

    if you have the class height-350 the code will be:

    .height-350 {
        height: 250px;
    }
    @media only screen and (min-width:768px) { 
    .height-350 {
        height: 500px;
    }
    }

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver