Make multi-column full width

letsgetwasted · ‎06-24-2024

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

Dan-From-Ryviu · ‎06-24-2024

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 %}

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

Dan-From-Ryviu · ‎06-24-2024

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 %}

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

letsgetwasted · ‎06-24-2024

Cheers, works perfectly, thank you!

BSSCommerce-HDL · ‎06-24-2024

Hi @letsgetwasted,

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

Step 2: Search file theme.liquid

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

{% 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 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

Make multi-column full width

Make multi-column full width

Community Blog Articles