Slider photo size

www.novamidwife.org

My photos look fine on mobile when I use:

.flexslider .slides img {
width:auto!important;
max-width:100% !important;
height: auto !important;
margin: 0 auto !important;
}

Slider photos are fine on mobile but too large for a typical computer screen.

So I resized with this:
.flexslider .slides img {
width: auto !important;
height: 725px !important;
margin: 0 auto !important;
}
That makes my photos look huge on mobile.
Does it have to be one way or the other? Right now I'm back to
.flexslider .slides img {
width:auto!important;
max-width:100% !important;
height: auto !important;
margin: 0 auto !important;
}

Thank you, Tammi

 

Hello Tammi,

Greetings from InkThemes!

Please use your top most coding with this format (given below) in your Custom CSS field (Appearance -> Theme Options -> Styling Options -> Custom CSS) of Dashboard for once. So that this will only applicable for the small screen and will not affect on other screen like computer screen.

Code:

@media only screen and (max-width: 480px){
.flexslider .slides img {
width:auto!important;
max-width:100% !important;
height: auto !important;
margin: 0 auto !important;
}
}

Note: Above code will help you to give a good look and feel on you mobile screen and will not affect on the computer screen.

Hope this will resolve your issue.

Thanks & Regards!
Priyanka
Inkthemes.com

 

Thank you, but that did nothing to the size of the slider on my computer screen. It is too large. The mobile looks fine. Please advise. Thank you, Tammi

 

Hello,

Could you please provide us your Dashboard credentials at [email protected] and we will do it for you.

Thanks & Regards!
Priyanka
Inkthemes.com

 

I was told to resize my photos. There is nothing that can be put in styling options? They said no larger than 1600x825. I have resized the one that was larger than that, and they are still huge on the screen. Please help. Thank you.

 

Hello,

We have replied you at your mail.

Kindly check your mail.

Thanks & Regards!
Priyanka
Inkthemes.com