Adjust Footer width

Store Design
1

Hi all,

I would like to adjust the width of the footer to be the same as the rest of my webshop.
I used 2 slide shows and they are both set to grid (not full width)

How can i change this?

I’ve searched for this and found code that i should add in base.css/theme.liquid/section-footer.css but nothing works.
See the below picture for what i mean.
Any help with this would be highly appreciated.

Kind regards,

Arjan

footer width.png
footer width.png1245×831 118 KB

2

Hi @Arjan77

You can try to add this code to base.css file

footer {
margin: 0 auto !important;
max-width: var(--page-width);
}
3

Hi,

Thanks for the suggestion, i tried that code but nothing changed unfortunately.

1 Like
4

Could you share your store URL so I can check?

5

Sure, it’s bwealthy.ph

It has password protection, use Welcome24!

6

Please use this code instead.

#shopify-section-template--22343632977954__multicolumn_67QQUC,
#shopify-section-sections--22343633436706__footer {
max-width: 1100px;
margin: 0 auto;
width: 100%;
}

Screenshot 2024-10-08 at 15.53.13.png
Screenshot 2024-10-08 at 15.53.13.png2706×1732 289 KB

7

You’re the best, thank you so much, that worked.

Although I had to put a extra } though at the top of your code.

}
#shopify-section-template–22343632977954__multicolumn_67QQUC,
#shopify-section-sections–22343633436706__footer {
max-width: 1100px;
margin: 0 auto;
width: 100%;
}

8

I guess you accidentally removed this part of your code when removing the previous code. LOL. Have a good day ahead.

9

Ah that could be possible yes. :wink:

Have a great day as well.

1 Like