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 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. @media screen and (max-width: 767px){ #shopify-section-template--17535372230920__696dd426-1133-4c51-9e0d-d847c858d14c .banner__box { width: …

Thank you, very much appreciated!

It worked! is it possible to adjust the container in the picture as in the desktop version? do that it is in the middle and center

@FlipShop - margin needs to be added but then it will not be in exact middle and it will increase the scroll hence not recommended

Hello @FlipShop Please check the code.

it looks like this [FlipShop_0-1690469548918.png]

@FlipShop - yes that is why usually containers are not added on mobile, if you try to make it in middle then it will be more longer than this right now

How do you suggest me to do it then? because I am lost about this thing :confused:

How to adapt Dawn theme banner container for mobile viewing?

Store Design

FlipShop July 27, 2023, 2:53pm 20

so it’s not possible to have something like the desktop version? because like this it is very long on iPhone, not what I was hoping for

Topic		Replies	Views
Banner image shows half image in Mobile version Store Design customizations	5	57	June 28, 2024
How can I add a text container to my mobile site's image banner? Store Design design	7	81	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	163	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