Solved

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

BKRxV
Tourist
6 0 2

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

 

Accepted Solution (1)

ThomKnepper
Shopify Partner
182 29 67

This is an accepted solution.

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;
}
Best wishes,
Thom Knepper - Athom.Agency
- Was my reply helpful? Please Like to let me know!
- Was your question answered? Awesome! Please Mark it as an Accepted Solution

View solution in original post

Replies 2 (2)

ThomKnepper
Shopify Partner
182 29 67

This is an accepted solution.

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;
}
Best wishes,
Thom Knepper - Athom.Agency
- Was my reply helpful? Please Like to let me know!
- Was your question answered? Awesome! Please Mark it as an Accepted Solution
BKRxV
Tourist
6 0 2

That did the trick, thank you!