Media queries not working

[Eva]

Hello,
I am experiencing troubles with some media queries.
Platform that is used is wordpress. I have added a row with 4 columns. Each column has a pic and a button “view more”. Viewports i am experiencing troubles : @media screen and (min-width:768px) and (max-width:1200px) which aren’t working at all. Not only useless, but they are not visible at inspect element. I have added into header.php below< head> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
but still same situation. What would you suggest ?

http://rinialbania.al/?page_id=101
The link i provided you can use as reference.
Thank you in advance!

[Shikkediel]

What style are you defining in which stylesheet then?

The page is missing a doctype by the way (unrelated)…

[Eva]

@Shikkediel, i am trying to make buttons responsive.
Classes i am trying to give new style is “.su-button su-button-style-bubbles butoni”. I have also tried to give different styles each class one by one, but useless. the stylesheet i was working with is “box-shortcodes.css” for buttons “View more” and “content-shortcodes.css” for images .

[Shikkediel]

I reckon you’ve been working on it because I can’t find the longer class mentioned. My guess is that the selector specifics aren’t correct of those… an element with a class su-button su-button-style-bubbles butoniin the markup would become .su-button.su-button-style-bubbles.butoni in the CSS. It’s a single element, otherwise you’d be targeting (non existing) descendants.

[Eva]

@Shikkediel,

Thank you for your assistance. Yes, i have been working on it, and i managed to solve the problem so far.
Actually i used another logic… Worked with the columns. It is not the best that could be done, but still a solution. Theme used for this site has lot of problems…
I am very thankful to you for spending your time with my topic.

Have a great time!

[Author]

Posts