I've been working on adjusting the height of the slider on my website for mobile screens, but I can't seem to get it right.
The website in question is www.msstoreway.com. Despite adding the CSS code below, I was able to adjust the slider height on desktop and laptop screens, but it remains unchanged on mobile screens. Can you please help me figure out what mistake I'm making and how to increase the height specifically on mobile screens? Thank you. Here are the CSS codes I've inserted. regards
Mark
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
#slider .rslides, #slider .rslides li { height: 250px; max-height:
250px; }
#slider .rslides img { height: 100%; max-height: 250px; }
}