store right side row not showing

Solved

store right side row not showing

urbangoodsindia
New Member
5 0 0

Having issues with the right side area not working when you visit the page and scroll down to see the featured products. I also want to convert that reset to the multirow style, which is www.urbangoodsindia.com

Accepted Solution (1)

BSSCommerce-HDL
Shopify Expert
997 336 397

This is an accepted solution.

Hi @urbangoodsindia

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BSSCommerceHDL_0-1719142264952.png

 

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSCommerceHDL_1-1719142270890.png

 

Step 3: Insert the below code at the bottom of the file -> Save

@media only screen and (min-width: 768px) {
  .grid.product-grid.contains-card {
    display: flex !important;
  }
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 5 (5)

BSSCommerce-HDL
Shopify Expert
997 336 397

This is an accepted solution.

Hi @urbangoodsindia

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BSSCommerceHDL_0-1719142264952.png

 

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSCommerceHDL_1-1719142270890.png

 

Step 3: Insert the below code at the bottom of the file -> Save

@media only screen and (min-width: 768px) {
  .grid.product-grid.contains-card {
    display: flex !important;
  }
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
urbangoodsindia
New Member
5 0 0

desktop view issue cleared

but  having issue after selecting products right side are seems blank and also not showing right side area on mobile view  

BSSCommerce-HDL
Shopify Expert
997 336 397

Hi @urbangoodsindia, Similar to the instructions above, insert this code into the style tag: 

@media only screen and (max-width: 767px) {
  .grid.product-grid.contains-card {
    display: flex !important;
  }
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
urbangoodsindia
New Member
5 0 0

having trouble after selecting products

screenshot has been shared below

kindly check 

Screenshot 2024-06-23 224557.png

urbangoodsindia
New Member
5 0 0

not working right side area on second page on desktop view and also having  homepage issue , second page issue in mobile view