How to centre align the footer content in Debut Theme

Store Design
1

Hello,

I’m wondering if anyone can help-I’ve managed to stack the newsletter form under my quick links in the footer of the Debut theme. But for some reason, the line of links is not centred with the newsletter form below. Does anyone know how to adjust so that the quick links line is not too far over to the left, but centred with the form below? See image to illustrate.

Thanks,

Sarah

image.png
image.png1742×602 25 KB

2

@SJGDesign

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

3

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

4

Hi,

Thanks for the quick reply-

https://sarahgoodwindesign.com

password: onyxN0IR

5

@SJGDesign

Please add the following code at the bottom of your assets/theme.css file.

.site-footer__content .site-footer__item:first-child {
display: block !important;
text-align: center;
}

Hope this helps.

Thanks!

6

Hello There,

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.site-footer__content .site-footer__item:first-child {
width: 100% !important;
justify-content: center!important;
}

Screenshot :- https://prnt.sc/10hziat

7

@SJGDesign
place below code at the bottom of the file theme.css

@media only screen and (min-width: 600px) {
.site-footer__item{
 padding: 0 !important;
}
.site-footer__content .site-footer__item:first-child{
    justify-content: center  !important;
}
}
8

Kindly feel free to get back to me if you need any further assistance Thanks!

9

Great! Thanks for your help!