Set the gallery on mobile on top, on desktop on right

This topic has 4 replies, 2 voices, and was last updated 1 months, 2 weeks ago ago by Alex Carter

  • Avatar: martijntje
    martijntje
    Participant
    October 21, 2025 at 10:34

    Hi,

    I’ve got the gallery in the single product builder on the right. When the page loads on mobile it now first shows the content ‘on the left’ and than the gallery. I would like to have the gallery on mobile on the top. Is that possible?

    3 Answers
    Avatar: Alex Carter
    Alex Carter
    Support staff
    October 21, 2025 at 10:47

    Hello,

    Thank you for reaching out to us.

    Could you please provide temporary wp-admin access? We need to check your settings.

    To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

    Warm Regards,
    The 8Theme Team

    Avatar: martijntje
    martijntje
    Participant
    October 21, 2025 at 11:19

    Hi – yes – see attached details 🙂

    Please contact administrator
    for this information.
    Avatar: Alex Carter
    Alex Carter
    Support staff
    October 21, 2025 at 12:17

    Hello,

    We appreciate your prompt response.

    Please try to add this code in Theme Options > Theme custom CSS > Mobile:

    
    .single-product-builder .col-md-12 > .row {
        display: flex;
        flex-direction: column;
    }
    .single-product-builder .element-oCMF7 {
        order:1;
    }
    .single-product-builder  .element-TFML4 {
        order:3;
    }
    .single-product-builder  .element-raHwF {
        order:2;
    }
    .single-product-builder  .element-fgcNP {
        order:4;
    }
    .single-product-builder  .element-nnrkj {
        order:5;
    }
    .single-product-builder  .element-aKxrL {
        order:6;
    }
    .single-product-builder  .element-a8Rd9 {
        order:7;
    }

    Clear cache and check the result.

    Warm Regards,
    The 8Theme Team

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.