Change mobile slideshow button alignment to bottom?

[localsummersurf]

Hi, hoping someone can help – is it possible to change the alignment of the slideshow button on mobile to go from the center to the bottom-center on the Origin theme? This is my store: . Thank you! https://localsummersurf.com/

[Dan-From-Ryviu]

Hi @localsummersurf , please go to your store admin > Sale channels > Online store > Themes > Edit code > Assets > open base.css and add this CSS code at the bottom of file

.banner__content {
align-items: flex-end !important;
}

[oscprofessional]

Hello @localsummersurf

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

@media only screen and (min-width: 767px) {
.banner__content {
    align-items: flex-end !important;
}
}

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset → theme.css and paste this at the bottom of the file:

.banner__content {
align-items: flex-end !important;
}

[localsummersurf]

thank you so much this worked!

[BSS-Commerce]

Hi @localsummersurf

This is BSS Commerce - Full-service eCommerce Agency. We’d love to suggest you this solution:

You want to adjust the button down you need to follow these steps:

Step 1: Go to Online store => Theme => Edit code:

Step 2: Find the file base.css and paste this code below using the file:

@media only screen and (max-width: 767px) {
    .banner__content {
        align-items: flex-end !important;
    }
}

As shown below:

Step 3: Save and hope you will get the result as shown:

Hope this helps you.

---

BSS Commerce - Shopify Apps & Development Services Provider - Shopify Expert

Level up your Shopify store with our B2B & B2C apps