Expand container allowance of home page collections

xraeart · ‎01-02-2023

Hello! We are attempting to expand our products across our home page so there is less white space on either side. We are currently using the Envy theme. There is some kind of restrictor in the code that is preventing us from doing this like on other sites that we've seen. Can anyone help us with this or does anyone have any insight?

I've included the image below as an example of what we'd like it to look like. Thanks!

StoreWatchers · ‎01-03-2023

Hello @xraeart,

My bad. Please paste the below code instead.

{% if template == 'index' %}
<style>
  .homepage-section--featured-products-wrapper .container{
    max-width: 100%!important;
  }
</style>
{% endif %}

It should be .(dot) instead of #.

Regards,

Store Watchers Support Team

StoreWatchers - Automate testing for your Shopify store in seconds

If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs

View solution in original post

StoreWatchers · ‎01-02-2023

Hello @Xraeart

Greetings from the Store Watchers Support Team! Happy to help you today.

In your theme.liquid, please paste the code below before the </head> tag.

{% if template == 'index' %}
<style>
  #homepage-section--featured-products-wrapper .container{
    max-width: 100%!important;
  }
</style>
{% endif %}

Let me know if need further assistance

Regards,

Store Watchers Support Team

StoreWatchers - Automate testing for your Shopify store in seconds

If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs

xraeart · ‎01-03-2023

Hello and thank you for the help! I've copied and pasted the code before the </head> tag and also the <head> tag and it doesn't seem to affect the home page at all when I refresh the page. I also tried putting the code in-between both head tags but that doesn't seem to do anything either.

StoreWatchers · ‎01-03-2023

Hello @xraeart,

My bad. Please paste the below code instead.

{% if template == 'index' %}
<style>
  .homepage-section--featured-products-wrapper .container{
    max-width: 100%!important;
  }
</style>
{% endif %}

It should be .(dot) instead of #.

Regards,

Store Watchers Support Team

StoreWatchers - Automate testing for your Shopify store in seconds

If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs

xraeart · ‎01-03-2023

Thank you so much, it looks amazing! 🙂

StoreWatchers · ‎01-04-2023

Glad to know that it helped! @xraeart

StoreWatchers - Automate testing for your Shopify store in seconds

If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs

Expand container allowance of home page collections