Hello I am using the Dawn theme, and looking for help on how to center the image banner with padding on desktop, but keep as full-screen on mobile but sticking to the aspect ratio. This is what I currently have: [mobile] [desktop] I tried targeting the id (found with inspector) with custom CS…

Hi @brvndn , You can add code by following these steps Go to Online Store → Theme → Edit code. Open your theme.liquid file Paste the below code before on theme.liquid Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.

Hey Sandesh, the url is dwellay.com

Hello @brvndn , Go to online store > Themes > Edit code > Find base.css file Add to give code at the bottom of the base.css file @media screen and (max-width: 749px) .banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content { min-height: 18rem; width: 100%; } Save C…

Hey Sandesh, This worked to get the image adjusted for mobile, but how would I get it to be centered with padding on the sides on desktop? Similar to this: [padding.png]

Hi @brvndn , I tried to look in the issue and found the URL you provided yesterday is not working. Let me know if you need any help setting things up or provide me the working URL in order to look into the issue. Thanks.

Hey Brew, the new url is peachybear.com Thank you for your help.

How can I center an image banner with padding on the Dawn theme?

Store Design

BrewBrains March 25, 2024, 4:33pm 2

Hi @brvndn , can you share the store URL?

Topic		Replies	Views
How can I center my image banner on the Dawn theme? Store Design customizations , footer	3	109	February 25, 2023
How to position the image at top center in the image banner on desktop only in the Dawn Theme? Store Design design , customizations , css	7	257	September 7, 2024
Image banner is not adapting to screen on mobile view Shopify Discussion troubleshooting	2	700	April 2, 2024
Image Banner Shows in Mobile view not on Desktop Dawn theme Store Design	10	81	July 1, 2022
How can I resolve the Dawn theme mobile sizing issue? Store Design customizations	8	83	December 31, 2023

How can I center an image banner with padding on the Dawn theme?

Related topics