- This topic is empty.
December 5, 2015 at 3:39 am #235613
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 ?
The link i provided you can use as reference.
Thank you in advance!December 5, 2015 at 7:11 am #235619ShikkedielParticipant
What style are you defining in which stylesheet then?
The page is missing a
doctypeby the way (unrelated)…December 7, 2015 at 1:54 am #235647
@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 .December 7, 2015 at 10:33 am #235659ShikkedielParticipant
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.butoniin the CSS. It’s a single element, otherwise you’d be targeting (non existing) descendants.December 8, 2015 at 3:57 am #235681
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!
- The forum ‘CSS’ is closed to new topics and replies.