Hello I’ve searched for css coding online but no prevail. I would like to fit the banner image for mobile for the text image in the center to fit the entire screen? Thanks [Screenshot 2023-11-05 at 9.55.36 PM.png]

Hi @KindWordsCards Please update code to this @media (max-width: 767px){ .slideshow__media { height: 22rem !important; } .slideshow__media img { object-fit: contain !important; } .banner--mobile-bottom .slideshow__text.banner__box { display: none !important; } }

How can I fit a banner image for mobile with centered text?

Technical Q&A

KindWordsCards November 11, 2023, 2:23am 7

Thank you so much! It worked!

Topic		Replies	Views
Image banner content in center of image - Mobile version Store Design design , css , shopify-themes	3	19	December 16, 2022
How to make image banner look the same on mobile as on desktop? Store Design design , css , shopify-themes	2	17	June 5, 2023
How to Make Image Slideshow Mobile Responsive Technical Q&A css , html	1	38	September 10, 2023
Slideshow Banner Image Too Small On Mobile Store Design	7	65	July 23, 2022
Theme Simple - Banner cut off on mobile devices Technical Q&A	2	432	April 27, 2021

How can I fit a banner image for mobile with centered text?

Related topics