Center align footer menu on mobile in Venture Theme?

Solved
Herreraluis14
Excursionist
16 0 4

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
dmwwebartisan
Shopify Partner
7336 1734 2313

Hey @Herreraluis14,

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

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Herreraluis14
Excursionist
16 0 4

Sure!

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

0 Likes
dmwwebartisan
Shopify Partner
7336 1734 2313

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 | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Herreraluis14
Excursionist
16 0 4

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
dmwwebartisan
Shopify Partner
7336 1734 2313

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 | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Herreraluis14
Excursionist
16 0 4

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
dmwwebartisan
Shopify Partner
7336 1734 2313

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 | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Herreraluis14
Excursionist
16 0 4

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.

 

 

dmwwebartisan
Shopify Partner
7336 1734 2313

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 | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes