Centering Footer Contents

Solved
Highlighted
Tourist
12 0 4

Hey fellas. I am seriously stuck on this and it's driving me nuts. If any of you could help, that would be seriously amazing.

I can't for the life of me get the three sections of my footer to center and align properly with each other. The newsletter throws everything out of proportion it seems like and I've more than likely smudged it up more then fixed it while I've banged my head against it. I've got them pretty close, but I don't think I've done it properly at all and it looks bonked on mobile.

 

https://abledoggy.com/

password: dog

 

My footer.liquid: https://pastebin.com/dFzgNqT0

CSS: https://pastebin.com/GEirSizA

 

Additional CSS that I missed and did not put in the pastebin:

/*================ Footer Variables ================*/
$footer-spacing-extra-small: 5px;
$footer-spacing-small: 5px;
$footer-wrapper-spacing: 18px;
$footer-hr-bottom-spacing: 20px;
$footer-spacing-medium: 25px;
$footer-spacing-large: 45px;

.site-footer {
 padding-bottom: 5px;
 padding-top: 25px;
}

.site-footer__social-icons {
 padding-top: 0px; 
}

.site-footer__item-inner--newsletter {
  width: 400px;
  padding-right: 20%;
}

 

Any help would be greatly appreciated. It uses flex which I am a little perplexed by.

1 Like
Highlighted
Shopify Partner
7687 1058 2675

This is an accepted solution.

Hello, @AbleDoggy 

Thanks for post.

i have check your store all footer content are center so what do you want exactly can you please provide video or screen short. 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
12 0 4

Hi Ketan, sorry - I actually managed to fix it myself a little bit ago and forgot to update this thread.

Thank you for the response!!

1 Like
Highlighted
Excursionist
12 0 2

Hi Ketan how did you correct it, are these the only lines of code you wrote/put in? Did you have to create a new "page"/snippet of code and then link it up or did you just add it onto an existing page of code?

1 Like
Highlighted
Shopify Partner
7687 1058 2675

@bluchill 

Thanks for post.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
12 0 2
Hi Kentan apologies I thought the reply had come through - my site is enchantingtech.com

I tried messing around with the flex box properties to no avail, so I appreciate the hep.
0 Likes
Highlighted
Shopify Partner
7687 1058 2675

do you fix? I can'see all center 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
12 0 2
Hi Ketan - sorry I was not clear, I would like the contents of the footer to have even/equal spacing between each other.
0 Likes
Highlighted
Shopify Partner
7687 1058 2675

@bluchill 

Thanks for update.

can you please try this 

https://www.w3schools.com/cssref/playit.asp?filename=playcss_justify-content&preval=space-between

 

if you have any issues let me know i can help you.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
12 0 2
Hi Ketan I have already tried the flex box properties in CSS liquid, nothing changes.
0 Likes