Hello, I would like to keep the white container in the banner as shown in the desktop version, and adapt it all to fit nicely on mobile devices. Thanks! website is flipshop.it [FlipShop_0-1690466508652.png] [FlipShop_1-1690466522047.png]

@FlipShop - add this css to the very end of your base.css file and check @media screen and (max-width:767px){ #shopify-section-template--17535372230920__696dd426-1133-4c51-9e0d-d847c858d14c .banner__box{background: #fff !important; --color-foreground: #414141 !important; --color-button: inherit !im…

Hello @FlipShop Your store is password protected, please share the password so I can review it and provide a solution.

Hi! Thanks for your interest. www.flipshop.it password is “lowsuy”

@FlipShop - it will hide image [suyash1_0-1690467238352.png]

@FlipShop - or something like this needs to be made [suyash1_1-1690467306468.png]

Hello @FlipShop You can try this code: it will be helpful to you Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom. .slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-background-1.gradient.slideshow__text--center.slidesho…

The layout on the second image is the thing I would like. Is it possible to make the whole thing smaller? so it resizes to the mobile version. Also, I can put less texts so it’s smaller

it doesnt change on mobile, plus on destktop now there isn’t a container anymore. [FlipShop_0-1690467526649.png] [FlipShop_1-1690467535658.png]

Hello @FlipShop I will provide you with the solution, Please remove the above-given code.

How to adapt Dawn theme banner container for mobile viewing?

Store Design

suyash1 July 27, 2023, 2:05pm 2

@FlipShop - this will need css, can you share your website link?

Topic		Replies	Views
Banner image shows half image in Mobile version Store Design customizations	5	56	June 28, 2024
How can I add a text container to my mobile site's image banner? Store Design design	7	80	March 11, 2025
How can I adjust the mobile banner size on the Dawn Theme? Store Design customizations	10	121	May 21, 2023
Banner does not fit on mobile site with Dawn theme Store Design	7	160	June 25, 2022
Dawn Theme - Banner Desktop/Mobile alignment (pictures included) Store Design	5	50	February 17, 2022

How to adapt Dawn theme banner container for mobile viewing?

Related topics