For desktop, adopt a "Z-shaped layout," while for mobile, keep the image at the top and the text at the bottom

Store Design
, , ,
1

The current effect on mobile devices is not what I want. I want to keep the image on top and the text on the bottom (while on PC, I want to keep the “Z” staggered arrangement)

ScreenShot_2026-02-05_112510_506
ScreenShot_2026-02-05_112510_506412×914 109 KB

2

You can add this code to the section’s Custom CSS to position the image at the top and the text at the bottom.

@media (max-width: 749px) {
    .mobile-column {
        flex-flow: column-reverse !important;
    }
}
4 
@media (max-width: 749px) {
    .section-content-wrapper.mobile-column {
        display: flex !important;
        flex-direction: column !important;
    }

    .section-content-wrapper.mobile-column > div:nth-child(2) {
        order: 1 !important;
    }

    .section-content-wrapper.mobile-column > div:nth-child(1) {
        order: 2 !important;
    }
}

I successfully changed it like this, please help me check it

5

Hi, I see it worked.