- This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
hi
i am using flexslider and i want the image on my slide NOT to appear at lower resolutions. this aint working… what will?
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
@media only screen and (min-width : 860px) {
.flexslider .slides img {
z-index: -1;
float:right;
display:block;
width: 100%;
}
@media screen and (min-width: 600px) and (max-width: 860px) {
.flexslider .slides img { display: none; }
}
Do you have a link?
russjohnson.co.uk/Beamtest
Rather than hide the image…shouldn’t you be hiding the entire slider?
just the image for now.
>just the image for now.
But what does that get you? The space will still be there.
In any case, I’m not seeing that code on the current site:
@media screen and (min-width: 600px) and (max-width: 860px) {
.flexslider .slides img { display: none; }
}