Just updated the stylesheet as of now to have set heights at different breakpoints on the master-slider-parent class. Still would like a fix for my above issue though.
Hi, You are using Master Slider PRO.
Please ask your question in Master Slider PRO forum:
http://support.averta.net/envato/support/item/master-slider-wordpress-plugin/
Regards,
Averta Support
I apologize. I work for a web development company and we have just taken over the site for maintenance. Master Slider PRO isn’t registered to us.
Hi,
Sorry for mistake.
Please give min-height to “master-slider-parent” class.
Note: min-height should be same size with your first slide height.
Regards
Averta Support
Thank you for the response,
But that’s essentially what I had before, but the slider’s aspect ratio stays the same when you resize the browser window… so If I set a min-height of 560px which is the actual height of the first image… that would look off on a screen resolution smaller than 1920×1080, such as a tablet or even a phone. What I need is for the min-height to keep the aspect ratio with the width. Is that possible?
would using vw and vh values maybe solve the issue? Though I don’t know if the javascript when resizing the window would overwrite my css?
Hi,
You need to set min-height for desktop view and use below code for responsive views:
@media screen and (max-width: 768px) {
body {
min-height: 300px; //your size
}
}
Note: you need to use this code for each size of responsive view. like: max-width: 480px, …
Regards
Averta Support