Dawn Theme – Align Image Banner Overlays to the Right

Store Design
1

Hi there,

I would like to align the text and buttons blocks that overlay the Image Banner to the right. I would also like this to appear on the right hand side of the banner, with approximately 10% padding to the edge of the page.

Can anyone help me with some code to do this? I am using the Dawn theme.

Many thanks,

Tess

2

hii, @tessastbury
Kindly share your store URL so,
I can solve your issue.
Thank You.

1 Like
3

Thank you. It is https://tesss-astbury-test.myshopify.com/.

4

@tessastbury
Do you want to like this?

download (35).png
download (35).png1365×412 40.8 KB

Thank You.

1 Like
5

Yes please – I would like the text aligned right too however, and the block square (not with rounded corners).

Thank you!

6

@tessastbury
paste this code on top of the section-image-banner.scss file.

@media only screen and (min-width: 992px) {
.banner__box.color-background-1 {
    margin-left: 400px !important;
}
}

Thank You.

1 Like
7

Thank you.

8

@tessastbury
If it is helpful then like and accept my solution.
Thank You.

1 Like
9

Hi there,

This worked on the first site but I have now tried to replicate it on another website and it won’t work.

Can you assist?

The second site is supplements-by-bmpt.myshopify.com.

Thanks,

Tess

10

Hi there,

This code doesn’t work on a Dawn 2.1.0 website. Are you able to provide code for 2.1.0?

Many thanks,

Tess