Dawn Theme - How to get Footer Menu to be centered

[SML2]

www.herchicclothing.com

not password protected

I would like to know how to get the footer menu to be centered and get the spacing between each menu smaller. Also how to remove the line spacing on the menu list.

I also want to remove the line from the middle of the footer. Center the payment type symbols and the policy and copyright stiff at the bottom.

If possible, how can I get the sign up for discounts & upgrades with the email subscription box to be appart of the footer menu list so it is to the right of quick links and the social media symbols below it.

[SML2]

But how do I get it centered? and the spaces from between the list

[PageFly-Victor]

Hi [email removed]SML2,

You can try this code by following these steps:

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

Step 2: Search file section-footer.css

Step 3: Paste the below code at bottom of the file → Save

#shopify-section-sections--18085595644213__footer .footer-block__heading{
margin-bottom:10px !important
}
@media screen and (min-width: 750px){
#shopify-section-sections--18085595644213__footer .footer__localization {
    justify-content: flex-end;
}
#shopify-section-sections--18085595644213__footer .footer__column--info{
align-items: flex-start;
}
#shopify-section-sections--18085595644213__footer .footer__payment,#shopify-section-sections--18085595644213__footer .footer__payment h6{
margin-top:0
}
#shopify-section-sections--18085595644213__footer .footer__content-bottom-wrapper{
justify-content: center;
}
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

[GemPages]

Hello @SML2 ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before

Let us know how it works for you.

Best regards,
GemPages Support Team

[SML2]

It didn’t work

[SML2]

It didn’t work fully so I just removed the language option from my site because it just too much work.

I want my footer to look like this one where everything is aligned to the center of the webpage.

[PageFly-Victor]

Hi [email removed]SML2,

You can try this code by following these steps:

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

Step 2: Search file theme.liquid

Step 3: Paste the below code at bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

[SML2]

Followed the instructions but it doesn’t look like your image. The subscribe part is not lined up like yours. Also, I still have big spaces between the menu lists.

[PageFly-Victor]

You can try

[SML2]

The code got the subscribe box and heading to align correctly. But I still have big spaces between each list, I circled it on the image. I don’t want that much space between each list. Do you know which edit code file it would be in?

[PageFly-Victor]

you can change the number 80% by another number. example 60% or 50%

[SML2]

thank you!!

[PageFly-Victor]

you are welcome. I’m glad when I can help you