How can I optimize my Brooklyn theme banner for mobile and desktop?

I’m having trouble optimizing my banner for both mobile & desktop. I’ve tried following along with the forums but have no luck. I have the theme Brooklyn can someone help?

Hello @luxevanity

for better banner views on mobile and desktop need to use seprate banners on mobile and desktop because mobile uses vertical banners while desktop uses mostly horizontal banners so inside section please provide 2 options for banner upload 1 for mobile and 1 for desktop and use them via media queries of css.

@luxevanity

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Thanks so much here’s the url:

https://luxevanityboutique.com/

@luxevanity

can you please check your theme customization slideshow section choose adapt height

or if you need different banner desktop and mobile try this code