Footer menu misaligned

Store Design
,
1

Hi,

My footer menu is misaligned for some reason on the desktop. I wanted to center the items and so added the following code to base.css on Trade version 15.0.0

.footer {text-align: center;}
.footer__content-bottom-wrapper {justify-content: center;}

The text has centered but for some reason is still misaligned as you can see in the text “Ceremonial Matcha” and "Culinary Matcha. The new theme is still under development, hence won’t be visible so I’m not sharing the URL but here’s a photo for reference.

Screenshot 2024-07-26 at 3.28.43 PM.png
Screenshot 2024-07-26 at 3.28.43 PM.png1241×307 18 KB

1 Like
2

Good day, @kissaten , Could you kindly provide me with the link to your store?

3

My website is kissaten.in, but this one is a new theme that I’m developing and it isn’t published yet so I’m unsure if you’ll be able to access it right now.

4

The overall container might not be centered, causing the centered items to appear off-center. If the footer__content-bottom-wrapper is using flexbox, there might be issues with justify-content: center not working as expected.

5

Can you share preview link @kissaten