Dawn theme - image banner content position

[troydewit]

Hi,

In the image banner section of the Dawn theme, it is possible to set the desktop content position to the bottom left. However, on mobile devices, the option is limited to the left only. Is there any way I can get the content position on mobile to be on the bottom left also?

Kind regards

[oscprofessional]

@troydewit 
Hello,
Can You Please Share Your Store URL? I Will Check and Provide Proper Solution

[troydewit]

Thank you! URL is crazerebels.myshopify.com, the current home page is just for test but I would like to be able to have multiple image banner sections all with bottom left content position.

[shubhamSharma]

hello @troydewit 

can you please shear your store URL and password i have suggested a better solution.

[troydewit]

Thank you! The URL is crazerebels.myshopify.com, the current home page is just for test but I would like to be able to have multiple image banner sections all with bottom left content position.

[BSS-Commerce]

Hi @troydewit 

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[troydewit]

Thank you! My URL is crazerebels.myshopify.com, the current home page is just for test but I would like to be able to have multiple image banner sections all with bottom left content position.

[Cedcommerce]

Hello @troydewit,

Share your store URL so we can check the issue and let you know the best possible solution.

Regards,
CedCommerce

[troydewit]

Thank you! The URL is crazerebels.myshopify.com, the current home page is just for test but I would like to be able to have multiple image banner sections all with bottom left content position

[BSS-Commerce · Accepted solution]

Hi @troydewit 

Please follow these steps:

- Go to Online Store => Theme => Edit Code:

- Find the file section-image-banner.css:

- Find the following code:

@media screen and (max-width: 749px) {}

- Add the following code inside the curly bracket:

.banner:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
  align-items: self-end;
}

- Here is the result:

I hope that it will work for your site.

[giorgibrtskinva]

Hi there,

I made it, but button and heading does not comes down, i use same theme. have been something changed since?`