Image banner make it Minimum fixed height on mobile

Topic summary

A user wants to set a minimum fixed height for an image banner on mobile devices to match the desktop appearance. Currently, the banner displays differently across screen sizes.\n\nIssue:\n- The \

Summarized with AI on November 9. AI used: claude-sonnet-4-5-20250929.

That design on mobile

same design on desktop

I want to Minimum fixed height on mobile to appear like as Desktop version

My store : https://level-up.gg/

Hello @eslamibrahim ,

I understand you are looking to change the ‘Today’s Deals’ banner image as per the screen size, so the full image will appear in different dimensions.

You can implement this with the help of below mentioned CSS code.

Add and paste the code at the bottom of the theme.liquid file before tag and save.


After applying code output will be like this on different dimensions -: https://prnt.sc/dUrvqbuZK2AW , https://prnt.sc/zM91sBYGjwA4, https://prnt.sc/HwewjFbEl4OU

I hope the code helps you.

Please share if you have any queries.

Thank you.

I like it on desktop version, but in mobile version not good