Want to see 2 Columns of Product on my Page store for mobile view

Site URL: https://www.spencleydesignco.com/store

Hey there!  I've done a lot of research and tried quite a few different things, but I've had no success trying to make my product page/store on my website show 2 columns of products instead of 1 when I'm on mobile view.

Any help would be greatly appreciated!

On 3/23/2021 at 8:58 PM, spencleydesignco said:

Site URL: https://www.spencleydesignco.com/store

Hey there!  I've done a lot of research and tried quite a few different things, but I've had no success trying to make my product page/store on my website show 2 columns of products instead of 1 when I'm on mobile view.

Any help would be greatly appreciated!

try

@media only screen and (max-width: 700px) {
  #productList .product {
      width: 50%;
  }  
}

On 3/24/2021 at 11:18 PM, bangank36 said:

try

@media only screen and (max-width: 700px) {
  #productList .product {
      width: 50%;
  }  
}

 

PERFECT! THANK YOU VERY MUCH!!!

On 3/23/2021 at 8:58 PM, spencleydesignco said:

Site URL: https://www.spencleydesignco.com/store

Hey there!  I've done a lot of research and tried quite a few different things, but I've had no success trying to make my product page/store on my website show 2 columns of products instead of 1 when I'm on mobile view.

Any help would be greatly appreciated!

I see some other problems, if you need to fix, just reply here.

Site URL – https://www.spencleydesignco.com/

1. (Mobile-Popup) Background image lost. Want to restore it?

2. (Tablet/Mobile-Store) The page looks long. Want to add a back to top button?

3. (Tablet-Support) Want to increase text width?