How do i make the 'featured products' section go full width on my shopify site (Sahara theme)?

Solved

How do i make the 'featured products' section go full width on my shopify site (Sahara theme)?

wildandcokids
Tourist
5 0 1

How do i make the 'featured products' section go full width on my shopify site (Sahara theme)?

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
10147 2015 2076

This is an accepted solution.

So please update the code 

.section--featured-products .container,
.section--recently-viewed-products .container,
.section--product-recommendations .container {
max-width: 100% !important;
}

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 7 (7)

Dan-From-Ryviu
Shopify Partner
10147 2015 2076

Hi @wildandcokids 

Could you share your store URL?

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

wildandcokids
Tourist
5 0 1

Store is currently password protected but preview link below - does this help?

 

https://okta2pivav1mx59a-70243287074.shopifypreview.com 

 

www.wildandcokids.com 

Dan-From-Ryviu
Shopify Partner
10147 2015 2076

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings of that theme. 

#shopify-section-template--21515208523810__1658994245757c7b20 .container {
max-width: 100%;
}

 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

wildandcokids
Tourist
5 0 1

Thanks Dan - that worked for the main page but all of the other collection pages where i have 'Featured Product' sections is still not full width. Is there a solution for this?

 

Other sections Noted as 'Recommendations' and 'Recently Viewed' are also not full width. Do you have code to cover these too?

Dan-From-Ryviu
Shopify Partner
10147 2015 2076

This is an accepted solution.

So please update the code 

.section--featured-products .container,
.section--recently-viewed-products .container,
.section--product-recommendations .container {
max-width: 100% !important;
}

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

wildandcokids
Tourist
5 0 1

Legend! all sorted

Dan-From-Ryviu
Shopify Partner
10147 2015 2076

You are very welcome! 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.