Solved

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

quiztrail
Explorer
59 0 17

Hi there,

 

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


https://www.quiztrail.co.uk/pages/stockists-1

 

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

 

Thank you.

Accepted Solution (1)

AvadaCommerce
Shopify Partner
3879 839 963

This is an accepted solution.

Hi @quiztrail ,

 

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

View solution in original post

Replies 2 (2)

AvadaCommerce
Shopify Partner
3879 839 963

This is an accepted solution.

Hi @quiztrail ,

 

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
Explorer
59 0 17

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