How can I fix text alignment issues in the debut theme on mobile?

Store Design
1

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?

2

@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%;
}
3

@magnusgustaf ,

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

4

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.

magnusgustaf_0-1651154196095.png
magnusgustaf_0-1651154196095.png2624×1196 330 KB

5

@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