How can I adjust the collection list to full width using Parralax?

[Mitch23]

Hi, I can see solutions for other themes, but they don’t seem to work for my Parralax theme. Could someone please help at making the collection list the full width?
Thanks

[Dan-From-Ryviu]

Hi @Mitch23

Could you share your store URL to check?

[Mitch23]

Yes, it is www.flexibleneon.com.au

[PageFly-Henry]

Hi @Mitch23

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

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

Step 2: Search file styles.css

Step 3: Paste the below code at bottom of the file → Save

section.section.featured-promotions {

margin: 0 !important;

max-width: 100% !important;

width: 100% !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[Mitch23]

I am talking about my home page collection list

[Mitch23]

This is not live

[Mitch23]

But this is not a featured promotion

[Mitch23]

https://h98p81lk90q2yd7b-72140980502.shopifypreview.com

[PageFly-Henry]

You mean this section, it is correct?

Also, This section is too text-heavy. Consider adding more images, as visuals tend to attract customers more effectively than text alone.

[Dan-From-Ryviu]

Please add this code to your theme.liquid file, after

[Mitch23]

I tried adding this in but it did not work

[Mitch23]

yes!

[niraj_patel]

Hello @Mitch23

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

div#shopify-section-template--22597747081494__collection_list_PUKJCQ .section { width: 100% !important; max-width: 100% !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.