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.

Hi @brvndn , can you share the store URL?

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]

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 28, 2024, 3:17pm 7

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.

Topic		Replies	Views
How can I center my image banner on the Dawn theme? Store Design customizations , footer	3	107	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	246	September 7, 2024
Image banner is not adapting to screen on mobile view Shopify Discussion troubleshooting	2	677	April 2, 2024
Image Banner Shows in Mobile view not on Desktop Dawn theme Store Design	10	80	July 1, 2022
How can I resolve the Dawn theme mobile sizing issue? Store Design customizations	8	79	December 31, 2023

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

Related topics