multicolumn width when only one column

Solved

multicolumn width when only one column

Opus35
Tourist
3 0 1

Hi All. Hope someone can help me here. I have added a multicolumn section with only one column, but the card (if that's what it is called), is too narrow. How can I change the width of it to match the width of the cards on the multicolumn above it. I want the single card to be width of the 3 above so they line up. Thanks.

 

Capture multicolumn.PNG

 

Accepted Solution (1)
suyash1
Shopify Partner
11067 1364 1745

This is an accepted solution.

@Opus35 please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

 

.multicolumn-list__item:only-child {max-width: 100% !important;}
To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com

View solution in original post

Replies 7 (7)

BiDeal-Discount
Shopify Partner
789 103 176

Hi @Opus35 

Please share me your store url & password (if applicable), I will check then give you the solution

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp
Opus35
Tourist
3 0 1

opusdisplays.co.uk

 

sorry, no, i cannot give you my password.

BiDeal-Discount
Shopify Partner
789 103 176

Hi @Opus35 

please add this css to the very end of your base.css file and check : Shopify Admin -> Online Store ->Theme -> Edit code -> base.css:

.multicolumn-list .multicolumn-list__item {
  max-width: unset;
}

the result:

BiDealDiscount_0-1747932044014.png

 

 

 

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp

suyash1
Shopify Partner
11067 1364 1745

@Opus35 Can you please share this page link?

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com
Opus35
Tourist
3 0 1

opusdisplays.co.uk

suyash1
Shopify Partner
11067 1364 1745

This is an accepted solution.

@Opus35 please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

 

.multicolumn-list__item:only-child {max-width: 100% !important;}
To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com

Moeed
Shopify Partner
7703 2070 2550

Hey @Opus35 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications