Center align footer menu on mobile in Venture Theme?

Solved
Highlighted
Tourist
5 0 1

Hello to all!
I'm currently using the venture theme for my store, however, in the mobile version the theme doesn't show the footer correctly, as it is not centered or aligned, but it is shown to the left of the screen (see photo attached).
Can you help me to center the links please? I haven't been able to insert a code to help me.

help.PNG

0 Likes
Highlighted
Shopify Partner
2247 489 633

Hey @Herreraluis14,

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

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
5 0 1

Sure!

www.geekingstore.cl it’s the site, thanks!!!

0 Likes
Highlighted
Shopify Partner
2247 489 633

This is an accepted solution.

Hey @Herreraluis14,

Please add the following code in your assets/theme.scss.liquid file.

.site-footer__section {
text-align:center;
}

 

Hope this works for you.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
5 0 1

FD00AF3D-7C59-4A46-8AA6-B74488661318.jpeg

it works! Although certain sections are not correctly aligned, it must be by some code that enters earlier, which damages the functioning of the current code provided by you. But it's much better than before!

thank you very much for everything and the speedy answer

0 Likes
Highlighted
Shopify Partner
2247 489 633

Hey @Herreraluis14,

Yes, you are correct. There are few modifications done in the footer section so the logo and payment icons not aligned.

But if you can change in footer code you need to add the margin: 0px auto; , check the following screenshot.

margin-auto.jpg

 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
5 0 1

hello, dear!
i made the recommendation you told me earlier, but with the change in value, the image fits even further to the left, instead of being focused, with a higher positive number, I guess it will focus, but it wouldn't be an automatic centre, if it didn't apply equally for all screen sizes, what do you think?

D8251107-7DAC-45E0-B275-6DE87D5A721D.jpeg

0 Likes
Highlighted
Shopify Partner
2247 489 633

Hey @Herreraluis14 

Please check the following screenshot. This is not correct. margin-left must be replaced with margin

not-correct.jpg

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
5 0 1

C2D6D749-C2FB-40A2-9D08-DD87E5DE8E44.jpeg

very nice!!!!!
i clearly made a writing error but I've already solved it, just magnificent, thanks for your kind help, I'll be reading more about Liquid so I can better polish the recently applied modification; how to find a way to align the whole footer to the perfect center in the mobile version.

again, thank you for your help, quick and effective.

 

 

1 Like
Highlighted
Shopify Partner
2247 489 633

Hey @Herreraluis14,

Actually, your footer all elements including the last image also center-aligned. But the last image has space on the right side.

https://cdn.shopify.com/s/files/1/0263/0683/8588/t/3/assets/logo.png?v=14002752730863122601

 

Modify this image and remove that gap so everything will be fine.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes