Prestige Theme - Left Align in Sliders

[Multibrands]

Hello, is there a way to left align just the slideshow text and buttons in mobile only.

Many thanks in advance

the-botanical-factory.my.shopify.com

crudah

[paramSoft]

[Multibrands]

 

[dmwwebartisan]

@Multibrands 

Please add the following code at the bottom of your assets/theme.css file.

@media screen and (max-width: 425px){
.Slideshow__Content--bottomLeft .ButtonGroup{ justify-content: left !important; }
}

Hope this helps.

Thanks! 

[Multibrands]

Hey, thanks for reaching out. This works perfectly for the buttons but it does not change the heading and sub heading positions.

[dmwwebartisan]

@Multibrands 

Can you please provide a screenshot?

[dmwwebartisan]

@Multibrands 

Please add the following code for the text.

@media screen and (max-width: 425px){
div#shopify-section-slideshow .SectionHeader__Heading.SectionHeader__Heading { text-align: left !important; }
}

Hope this works.

Thanks! 

[Multibrands]

Hello, that works for the slider when it is below the header but I need it to work when I use a slideshow section that is in different places on a page. The image attached shows a slideshow section halfway down the homepage, with your code it only affects the slideshow section under the header. Is this possible?

[dmwwebartisan · Accepted solution]

@Multibrands 

Please add this code for the other section's slider.

@media screen and (max-width: 425px){
#section-1614335441403dfa00 .Heading { text-align: left !important; }
}

Thanks! 

[Multibrands]

Fantastic, thank you ever so much. I really appreciate your help.