Make multirow/multicolumn images fit to side edges

Store Design
, , ,
1

Hello guys,

I am using the Dawn theme and I am looking to make my multicolumn and multirow images bleed to the edge of the page like the banners do I am not sure what kind of code I’d need for that? I’d also like it to apply equally to both sides while on mobile.

Does anybody have any ideas?

Thanks in advance!

2

Hi @silentsoundsau
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

3

Hi @silentsoundsau

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.multicolumn .page-width, .multirow__inner.page-width {
    max-width: unset !important;
    padding-inline: 0 !important;
}

Here is the result:

image_720.png
image_720.png720×326 54.2 KB

If the code doesnt’t work, please share your store URL so I can check more

Best,

Daisy

4

Hi Daisy,

URL is https://xd0vei-mg.myshopify.com/

The code you supplied puts the images to the edge, but also the text and I want the text to be central.

Do you know a workaround?

Thanks