Make multi-column full width

Solved

Make multi-column full width

letsgetwasted
Excursionist
40 1 7

Hi! 

 

I'd like to make all the multi-columns on my "All Projects" page full width - but only for this page.

 

Could someone help with what code to modify?

thank you

 

Shopify URL: https://65a186-44.myshopify.com/

Password: meerew

 

Screenshot 2024-06-25 at 10.27.11 AM.png

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
8467 1665 1676

This is an accepted solution.

Hi @letsgetwasted 

Please add this code to theme.liquid file, after <head> 

{% if page.id == 89269305399 %}
<style>
.multicolumn .page-width { max-width: 100% !important; }
</style>
{% endif %}

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
8467 1665 1676

This is an accepted solution.

Hi @letsgetwasted 

Please add this code to theme.liquid file, after <head> 

{% if page.id == 89269305399 %}
<style>
.multicolumn .page-width { max-width: 100% !important; }
</style>
{% endif %}

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

letsgetwasted
Excursionist
40 1 7

Cheers, works perfectly, thank you!

BSSCommerce-HDL
Shopify Partner
1035 347 415

Hi @letsgetwasted

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

BSSCommerceHDL_0-1719283194776.png

 

Step 2: Search file theme.liquid

Step 3: Before the close head tag. Please insert this code: 

BSSCommerceHDL_0-1719283476381.png

 

 

{% assign full_url = request.host | append: request.path %}
  {%- if full_url contains 'all-projects' -%}
    <style>
      .multicolumn .page-width {
         max-width: 100% !important;
      }
    </style>
{%- endif -%}

 

 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency