How can I display two images in a row on mobile?

quiztrail · ‎02-08-2022

Hi there,

I like how this page on my shop looks on Desktop.

Is it possible for Mobile to make it so two images show on a row rather than one long column?

Thank you.

AvadaCommerce · ‎02-12-2022

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:

@media (max-width: 480px) {
    .template-page #MainContent .rte a:not(.btn) {
        max-width: 45%;
        display: inline-block;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

banned

AvadaCommerce · ‎02-12-2022

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:

@media (max-width: 480px) {
    .template-page #MainContent .rte a:not(.btn) {
        max-width: 45%;
        display: inline-block;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

banned

quiztrail · ‎02-26-2022

Hi, sorry for the delay in replying. Thank you so much - that has worked! 🙂

Community Blog Articles