Need to Split one column into two using css.

Solved

Need to Split one column into two using css.

bilalmemon1993
Tourist
6 0 1

I need to split one review column into two columns in mobile Device, Currently I am using a plugin which shows one column in mobile devices and I want to show 2 in one column. I want to do it by using css. 

Here is the link where you can find the reviews. 
https://quebekado.ca/products/civiere-dorsale-orthopedique-quebekado%E2%84%A2

I need like this
Screenshot 2023-10-07 at 2.36.55 am.png

Accepted Solution (1)

webwondersco
Shopify Partner
1132 167 165

This is an accepted solution.

@bilalmemon1993 , Hope you are doing well.

 

Could you please check the app you are using for the review does it have an option to add custom CSS?

 

If yes then add the below line of CSS code to that custom code css part. It'll display 2 columns in mobile layout as attached screenshot.

 

@media(max-width:450px){
#reviewImporter.grid .item{
width: calc(49% - 13px);
}
}

 

webwondersco_0-1696662842055.png

 

 

Hope this will help you!

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram

View solution in original post

Reply 1 (1)

webwondersco
Shopify Partner
1132 167 165

This is an accepted solution.

@bilalmemon1993 , Hope you are doing well.

 

Could you please check the app you are using for the review does it have an option to add custom CSS?

 

If yes then add the below line of CSS code to that custom code css part. It'll display 2 columns in mobile layout as attached screenshot.

 

@media(max-width:450px){
#reviewImporter.grid .item{
width: calc(49% - 13px);
}
}

 

webwondersco_0-1696662842055.png

 

 

Hope this will help you!

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram