How can I fix mobile slideshow button alignment issue?

Technical Q&A
,
1

Hi guys i was previously having an issue with my desktop shop now button not aligning correctly.

I managed to fix this with help from you guys, however now when i view my website on mobile the shop now button covers the slideshow and is not aligned. I cannot find an option to align this in the theme other than the one that says left, right and center. However i need it placed under the text of my slideshow.

aurathefragrance

And the password is daonag

2

Hi @AURA20223 ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-slideshow.css->paste below code at the bottom of the file:

@media screen and (max-width: 749px) {
    .slideshow__media {
        position: relative;
    }
    .slideshow__text-wrapper {
        justify-content: center;
        height: 75px !important;
        padding-top: 25px;
        align-items: unset !important;
    }
    .slideshow__text {
        padding: 0;
    }
    .slideshow__text .banner__buttons {
        justify-content: center;
    }
    .slideshow__text.slideshow__text-mobile--left {
        align-items: unset;
    }
}

PageFlyRichard_0-1677248179119.png
PageFlyRichard_0-1677248179119.png344×362 79.6 KB

I hope it would help you
Best regards,

Richard | PageFly

3

Worked perfectly! Thank you very much

1 Like