Debut theme - making feature row in product pages full width (desktop)

Store Design
1

Hi,

i am looking to make feature row in all product pages full width for desktop view.

Any idea or help on this?

Will share store link and pw in private message.

Please do not share any screen shot due to copyright issue. Thanks for kind underastanding

1 Like
2

@bl7
Welcome to the Shopify community!
Thanks for your good question.

Please share your store URL.
So that I will check and let you know the exact solution here.

3 
.page-width.feature-row {
    width: 100%;
    max-width: 100% !important;
    padding-left: 5%;
}

@bl7
Add this code in the bottom of theme.scss or theme.css

4

@bl7

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:
.feature-row{
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.feature-row > .feature-row__item{
    max-width: 50%;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    
}

[id*='FeatureRowImageWrapper']{
    width: 100%;
    max-width: 100% !important;
}

[id*='FeatureRowImageWrapper'] img{
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}