SOLVED media queries
-
-
- jsox
- Sr. Rocketeer
- Posts: 104
- Thanks: 3
-
having issues with media queries being recognized in my custom css.
its not even registering them at all
@media (max-width: 767px)
.latest .sprocket-features-content {
width: 100%!important;
}
the problem is the captioning is set to a 47% width in the normal css to keep my divs floating correctly, but on a smaller device it squashes the background and the text. id like the div to be 100% on devices less than 767 but it is not registering my css at all
media queries should go in the same custom css file correct?
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
I suggest to open and close your @media-rules like
@media (max-width:767px) { <<<<<<<< missing
dd[class*='membership_type'] img {
max-width: 50%!important;
}
ul.sprocket-strips-container.cols-4 img {
max-width: 75%;
margin: auto auto;
display: block;
}
} <<<<<<<< missing
@media (max-width: 767px) { <<<<<<<< missing
.sprocket-features-content {
width: 100%!important;
}
} <<<<<<<< missing - Last Edit: 9 years 7 months ago by Henning.
-
Time to create page: 0.040 seconds