Classic Slider initially opens at half the height of photo

[ryskamrr]

Hi, I am using classic slider on my homepage for a carousel. When the site opens the classic slider element displays the image a half the height, cutting off the bottom. Once you click the nav buttons it corrects. I can not figure out how to fix this. The website is socialsupplydesign.com.

[ryskamrr]

Photos for reference:

[prakash_s]

Hi @ryskamrr,

Thanks for writing to us.

The image not loading fully because a dynamic height loading from JS and the height not rendering fully. I have added this code in the theme option’s CSS and the image loads fully.

.headerslider .flex-viewport {
min-height: 625px;
}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

[ryskamrr]

Thank you! I tried a number of things but couldn’t find the right component to apply the CSS to using the Inspector.

[marc_a]

Hi @ryskamrr,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.