# How to change the vision of the products in mobile mode

**URL:** <https://forum.bootstrapstudio.io/t/how-to-change-the-vision-of-the-products-in-mobile-mode/8692>\
**Category:** Reflow\
**Created:** [April 19, 2022, 1:22am UTC](https://forum.bootstrapstudio.io/t/how-to-change-the-vision-of-the-products-in-mobile-mode/8692 "2022-04-19T01:22:34Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![migoel585](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/migoel585/32/672_2.png) [@migoel585](https://forum.bootstrapstudio.io/u/migoel585)\
**Post date:** [April 19, 2022, 1:22am UTC](https://forum.bootstrapstudio.io/t/how-to-change-the-vision-of-the-products-in-mobile-mode/8692/1 "2022-04-19T01:22:34Z")

</div>

After many attempts I can’t get the mobile version to show the products like the tablet version, in the tablet version, it shows the products in 2 columns and the mobile version in 1 column, honestly I don’t know what else to do, I have read and copied the code , but I can’t do it. Sorry for the inconvenience who could help me.

 ![Instagram Post](https://forum.bootstrapstudio.io/uploads/default/original/2X/7/7f595c7a658efd3a1ef09ecbe490e99e588cd792.jpeg)

---

<div class="post-metadata">

**Author:** ![dickykreedz](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/dickykreedz/32/1627_2.png) [@dickykreedz](https://forum.bootstrapstudio.io/u/dickykreedz)\
**Post date:** [April 19, 2022, 4:04am UTC](https://forum.bootstrapstudio.io/t/how-to-change-the-vision-of-the-products-in-mobile-mode/8692/2 "2022-04-19T04:04:18Z")

</div>

Why would you do that? Its not ux friendly, lol.  
It should be 1 card for mobile, idek why would you want to change that, if this is a client reason, tell him or her that this is a bad idea.

---

<div class="post-metadata">

**Author:** ![raniaamina](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/raniaamina/32/1878_2.png) [@raniaamina](https://forum.bootstrapstudio.io/u/raniaamina)\
**Post date:** [April 19, 2022, 7:13am UTC](https://forum.bootstrapstudio.io/t/how-to-change-the-vision-of-the-products-in-mobile-mode/8692/3 "2022-04-19T07:13:21Z")

</div>

```auto
reflow-product-list.ref-cards .ref-products {
  --ref-products-per-row: 2 !important;

```

I try to overide this css rule :")  
it works on my old project [Mamie R' - intipLink](https://intip.link/mamie-r/)

---

<div class="post-metadata">

**Author:** ![migoel585](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/migoel585/32/672_2.png) [@migoel585](https://forum.bootstrapstudio.io/u/migoel585)\
**Post date:** [April 19, 2022, 12:29pm UTC](https://forum.bootstrapstudio.io/t/how-to-change-the-vision-of-the-products-in-mobile-mode/8692/4 "2022-04-19T12:29:34Z")

</div>

Coincidentally, I am looking to do something similar to your project, because I decided to make web applications, there are some things that your project has that I would like to implement in mine.

---

<div class="post-metadata">

**Author:** ![raniaamina](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/raniaamina/32/1878_2.png) [@raniaamina](https://forum.bootstrapstudio.io/u/raniaamina)\
**Post date:** [April 21, 2022, 2:29am UTC](https://forum.bootstrapstudio.io/t/how-to-change-the-vision-of-the-products-in-mobile-mode/8692/5 "2022-04-21T02:29:02Z")

</div>

Then just try it :")

---

<div class="post-metadata">

**Author:** ![migoel585](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/migoel585/32/672_2.png) [@migoel585](https://forum.bootstrapstudio.io/u/migoel585)\
**Post date:** [April 24, 2022, 11:50pm UTC](https://forum.bootstrapstudio.io/t/how-to-change-the-vision-of-the-products-in-mobile-mode/8692/6 "2022-04-24T23:50:37Z")

</div>

Resolved issue.  
Thanks to @dickykreedz