store right side row not showing

Solved

store right side row not showing

urbangoodsindia
Tourist
5 0 1

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 Partner
2305 835 908

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 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 5 (5)

BSSCommerce-HDL
Shopify Partner
2305 835 908

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 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

urbangoodsindia
Tourist
5 0 1

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 Partner
2305 835 908

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 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

urbangoodsindia
Tourist
5 0 1

having trouble after selecting products

screenshot has been shared below

kindly check 

Screenshot 2024-06-23 224557.png

urbangoodsindia
Tourist
5 0 1

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