Customize Mobile View

  • Resolved lealeo

    (@lealeo)


    8 months, 1 week ago

    I need to customize the mobile view for all of the four pages of this website (desktop view is fine and does not need to be changed in any way). In mobile view, the images need to be centered (but not the text). The first image needs to be on top, then the text, then the next image, etc. Can you please help with an appropriate custom html code? Thank you so much.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • aapc

    (@aapc)

    8 months ago

    Hi @lealeo,

    I’m glad you reached out. I’m happy to help!

    If you need to control the order of your images and text on mobile, instead of using align-left and align-right for your images, you can use a Row Layout block. Below is a link to a screenshare that I created demonstrating how to do this. I started with an image (align-left) and a paragraph. I inserted a 33/66 (smaller left/larger right) Row Layout block. I moved the image to the left section (and set to align-none) and the paragraph to the right section. I then switched to mobile view and set the Row Layout Collapse Order to “reverse” so the text appears above the image on mobile. I also set the section containing the image to align center on mobile. Here’s the screenshare: https://share.zight.com/eDuDKX6l

    I hope that helps! Let us know if you have any questions or if we can do anything else to assist.

    All the best,
    Anthony

    Thread Starter lealeo

    (@lealeo)

    8 months ago

    Thank you! I will try that 🙂

    aapc

    (@aapc)

    8 months ago

    Hi @lealeo,

    My pleasure! If that works for you, please go ahead and mark this issue as resolved. Otherwise, feel free to respond to this ticket with any questions you may have.

    Thanks!
    Anthony

    Thread Starter lealeo

    (@lealeo)

    8 months ago

    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Customize Mobile View’ is closed to new replies.

  • 4 replies
  • 2 participants
  • Last reply from: lealeo
  • Last activity: 8 months ago
  • Status: resolved