how to do i change button location on mobile?

Solved

how to do i change button location on mobile?

Andia
Tourist
61 0 2

there is a clash with my photo text and my shop all button

 

Andia_0-1689323465392.png

 

 

can i move the button down?

Accepted Solution (1)

Sinchain
Shopify Partner
69 15 20

This is an accepted solution.

Hello @Andia 

 

Thank you for reaching out to the Shopify community.

Here are the steps to align the button at the end of the banner on mobile devices.

1. Navigate to the theme editor Online Store -> Themes -> Edit Code.

2. Search for the asset named as section-image-banner.css, open the file and search for the below code:

.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
    min-height: 34rem;
}


Replace the above code with:

.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
    min-height: 34rem;
    align-items: end;
}


Save the changes and please have a check once. Let me know if this was helpful.

Thanks.

Sinchain || Recurpay Subscriptions

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution

View solution in original post

Replies 2 (2)

Sinchain
Shopify Partner
69 15 20

This is an accepted solution.

Hello @Andia 

 

Thank you for reaching out to the Shopify community.

Here are the steps to align the button at the end of the banner on mobile devices.

1. Navigate to the theme editor Online Store -> Themes -> Edit Code.

2. Search for the asset named as section-image-banner.css, open the file and search for the below code:

.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
    min-height: 34rem;
}


Replace the above code with:

.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
    min-height: 34rem;
    align-items: end;
}


Save the changes and please have a check once. Let me know if this was helpful.

Thanks.

Sinchain || Recurpay Subscriptions

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Andia
Tourist
61 0 2

thank u!