How can I center the links in the footer menu?

Store Design
1

Hi everyone, I have a problem formatting my website. I want to center the links in the footer so that the links are centered like the title, but I don’t know exactly how to do that. Could any of you please help me or give me some guidance? (See the picture below)
Thanks a lot in advance!

Screenshot 2023-01-29 094504.png
Screenshot 2023-01-29 094504.png357×233 6.7 KB

2

show me your shop url

3

Hello there

hope this helps

  1. Find the CSS class for the footer menu: Open the theme.liquid file and locate the section where the footer menu is displayed. Look for the CSS class that is applied to the menu, and make note of it.

  2. Add the CSS code: In your Shopify admin, go to Online Store > Themes > Customize theme > Theme options > Additional CSS. Add the following code, replacing “footer-menu-class” with the CSS class you found in step 1:

.footer-menu-class { display: flex; justify-content: center; }

4

Hi @Bxnny

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag

Please refer to this screenshot:

PageFlyVictor_0-1675054878048.png
PageFlyVictor_0-1675054878048.png400×191 30.8 KB

Hope you find my answer helpful!

Best regards,

Victor | PageFly

5

It dosn’t work

6

Hi @Bxnny

Can you send me the URL to this page?

7

Shop URL: https://ondobrush.com
Password: Benny-

8

Hi @Bxnny

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.footer-block.grid__item.footer-block--menu {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

1 Like