Page images - put two images in a row

Solved
quiztrail
Excursionist
32 0 15

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)

Accepted Solutions
AvadaCommerce
Shopify Partner
3879 837 796

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.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

View solution in original post

Replies 2 (2)
AvadaCommerce
Shopify Partner
3879 837 796

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.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

quiztrail
Excursionist
32 0 15

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