Hello everyone! When I post my “As Seen In” banner on my website the font shrinks a lot in mobile view. Is there a code I can add to my theme to make it responsive? I’m using Dawn theme 14.0.0. I found a code through another post, but it did not work. My URL is www.jennszencreations.com .

@JenniferF - replace old code with this @media screen and (max-width: 749px) { #Banner-template--22812441805081__image_banner_zJhjLQ{flex-direction: column-reverse;} #Banner-template--22812441805081__image_banner_zJhjLQ .banner__box{padding: 2rem 3.5rem;} }

@JenniferF - have you added the banner on home page?

I’ve added it but have it hidden for now.

@JenniferF - can you activate it?

@JenniferF - it is not the font which is shrinking, but it is the image which is shrinking, you need to separate text and image

@JenniferF - create a new banner without text as seen in… add this text as text only from customize settings and add this new banner as image

Ok, I will try that. Thank you, I appreciate your help. :purple_heart:

I separated them, but the text is over the image. I’m not sure how to move the text up. [Screenshot 2024-06-01 9.45.45 PM.png]

Also when I view it on mobile, the image is above the text. How would I fix that? [Screenshot 2024-06-01 9.52.59 PM.png]

How to make banner images responsive from desktop to mobile views

Store Design

JenniferF June 2, 2024, 3:14am 5

It is active now.

Topic		Replies	Views
Help with Shopify Dawn Image Banner Heading and Text Mobile Responsiveness Store Design design , header , customizations , css	5	139	October 11, 2023
How to edit the text position and button on banner in mobile view without affecting the web view Store Design	8	119	March 27, 2022
Can I move mobile banner image text to the top of the page? Store Design design , customizations , css	15	147	August 15, 2023
Dawn Theme Font Size and Padding of Banner Text on Mobile and Desktop Store Design	12	136	April 1, 2022
Moving Text and Button Down on Image Banner for Mobile but Moving Up for Web - Dawn Theme Store Design design , collection-page , troubleshooting	4	77	July 18, 2023

How to make banner images responsive from desktop to mobile views

Related topics