Text alignment (debut theme)

[magnusgustaf]

Hi!

Have a problem with the text on the slide show. 

I looks good on desktop but not mobile and I cannot find out why the text appears on the left side. However the button gets centered. See second slide. Is it possible to keep the text like this on desktop but have the button below the text, and at the same time use the whole width when on mobile and center the button? 

swim-ears.myshopify.com 

[oscprofessional]

@magnusgustaf ,
Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

.slideshow__btn-wrapper.slideshow__btn-wrapper--push {
    max-width: 50%;
}

[oscprofessional]

@magnusgustaf ,

Have you hidden the button I was adjusting the button on the mobile version?

[magnusgustaf]

It's the button shown for the second slide, see screen shot below. However I wish any changed to apply to all slides if I also add buttons there. 

[oscprofessional · Accepted solution]

@magnusgustaf ,

.slideshow__btn-wrapper.slideshow__btn-wrapper--push {
    max-width: 50%;
}
@media only screen and (max-width: 749px) {
h2.h1.mega-title.slideshow__title.slideshow__title--mobile {
    max-width: 100%;
    font-size: 21px;
}

}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid