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:27am 9

You as well. Thanks again!

Topic		Replies	Views
How to make my slideshow banner fill out the whole screen on mobile? Shopify Discussion troubleshooting	7	82	December 20, 2024
Image banner content in center of image - Mobile version Store Design design , css , shopify-themes	3	25	December 16, 2022
How to Make Image Slideshow Mobile Responsive Technical Q&A css , html	1	42	September 10, 2023
How to make image banner look the same on mobile as on desktop? Store Design design , css , shopify-themes	2	18	June 5, 2023
Dawn theme; How can I keep the box size and text centerd on mobile, on my slideshow Shopify Discussion troubleshooting	1	10	September 12, 2024

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

Related topics