This is how my current image banner looks on mobile: [Screenshot 2023-11-28 at 12.23.04 am.png] I would like it to look like this: [Screenshot 2023-11-28 at 12.23.30 am.png] To do so, I need help figuring out how to shift the content to the bottom left of the page and reduce the spacing betwee…

Im not sure, Do you like to add the space below the Discover Resilience? [Made4uoRibe_0-1701356822047.png] The code: @media only screen and (max-width: 749px){ .banner__text.rte.subtitle { margin-bottom: 10px !important; } } And Save. Or not adding just lesser the space above the Discover …

Hi, @luke8mcm . Please kindly share your store URL and password.

Hi @luke8mcm Check this one. From your Shopify admin dashboard, click on “Online Store” and then “Themes”. Find the theme that you want to edit and click on “Actions” and then “Edit code”. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme…

This is how it appears on my end. [Screenshot 2023-11-29 at 6.59.28 pm.png] I would prefer for the text and the buttons to be slightly closer together, as per the image in the original post. I don’t mind about covering the logo as I am looking to change the home page image soon anyways.

Check this one again, Same Instruction. @media only screen and (max-width: 749px){ .banner__box.content-container.content-container--full-width-mobile.color-inverse.gradient { align-self: flex-end !important; } .banner__text.rte.subtitle, .banner__content .banner__buttons { margin-top: 0px…

This works, thank you very much!

Adjusting image banner content position and spacing on mobile - Dawn theme

Store Design

luke8mcm November 30, 2023, 9:27am 7

This is what it looks like for me.

Definitely an improvement. Can the ‘discover resilience’ bit please be brought up slightly such that it is halfway between ‘shop now’ and ‘embrace the ice’?

Topic		Replies	Views
dawn theme: change text position of banner mobile version Store Design design , css , shopify-themes	4	130	February 20, 2025
How to resize Dawn theme header for mobile view? Store Design	7	50	April 13, 2022
Dawn Theme - Banner Desktop/Mobile alignment (pictures included) Store Design	5	42	February 17, 2022
Need help with Dawn Theme. Banner on Mobile Store Design design	7	70	January 16, 2023
Dawn theme - image banner content position Store Design design , customizations , css , shopify-themes	10	114	January 22, 2025

Adjusting image banner content position and spacing on mobile - Dawn theme

Related topics