How can I move full width banner heading to bottom left corner Dawn theme?

Store Design
1

Hi,

I am struggling to find a way to move the banner box content (heading, buttons etc) to the very left of the image. Banner is full screen but the text only have minimal left movement through customisation.

Any help will be much appriciated?? thanks

Screenshot 2022-12-26 at 14.17.05.png
Screenshot 2022-12-26 at 14.17.05.png4801×1472 629 KB

2

Hello @Javsi

It’s GemPages support team and glad to support you today.

To provide you with the most precise solution in this case, could you please share the store link?

3

@Javsi
put below css into base.css file (online store->themes->edit code->assets->base.css)

.banner__box.content-container.content-container--full-width-mobile.color-background-1.gradient {
    text-align: left;
}
.banner__content.banner__content--bottom-center {
    align-items: flex-start;
    justify-content: left;
    margin-right: 20%;
}
4

I have tried the code but didn’t move at all. The picture above is for desktop. seems like there is a boundary so need to override the maximum current boundary?

thanks

5

I think all the headers and sub headings needs to be set to full width, that might solve the problem. ?

6

I am also editing my website and have the same question glad I find the answer.

7

Yeh completely stuck with this. Please do let me know if you do find a solution?

thanks

8

Hello There,

Please share your store URL and Password.

So that I will check and let you know the exact solution here.

9

I did the code and changed the % to 90% instead of 20% and it moved my text all the way to the left of the page where I wanted it! Try that out.