How to Move the Image Banner Button & Text in Dawn Theme

Shopify Discussion
1

Hello, I am trying to do just what my screen shot indicates:

To move over the headline text: .banner__heading

And button (not sure which one it actually is but all my other css coding is working so I don’t want to delete any): .button, .button-label, .shopify-challenge__button, .customer button

to about where the left vertical red line is. Reason being is that it only looks good on wide screen and the text shifts over the image if the window is made more narrow.

Thank you in advance!

BKRxV_0-1703271651717.png
BKRxV_0-1703271651717.png1906×911 296 KB

2

Hi there,

So there are two options to do this. If you click on your “Image banner” in the customizer, you will find the option “Desktop container position” and you can make a lot of changes there already. If you want to move it over even further, simply add the following CSS to the “Custom CSS” part in the section settings.

.banner__content{
  max-width: 90vw;
}
1 Like
3

That did the trick, thank you!

1 Like