Prestige Theme - Left Align in Sliders

Solved
Multibrands
Excursionist
39 2 19

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

0 Likes
paramSoft
Shopify Partner
1551 243 685

Screenshot (16).png

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
Multibrands
Excursionist
39 2 19

Screenshot 2021-02-26 at 11.38.00.png

0 Likes
dmwwebartisan
Shopify Partner
5226 1207 1544

@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! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Multibrands
Excursionist
39 2 19

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

dmwwebartisan
Shopify Partner
5226 1207 1544

@Multibrands 

Can you please provide a screenshot?

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
dmwwebartisan
Shopify Partner
5226 1207 1544

@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! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Multibrands
Excursionist
39 2 19

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?

 

Screenshot 2021-02-26 at 12.44.20.png

dmwwebartisan
Shopify Partner
5226 1207 1544

This is an 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! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Multibrands
Excursionist
39 2 19

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