Center Footer Links

[1991rameed]

I was able to get my copyright text perfectly centered but I still need to know how to center the footer links on desktop and mobile of Dawn theme.

[topnewyork]

Hi @1991rameed Please share store URL and protected password too
Thank you!

[B2Bridge]

Hi @1991rameed
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[DaisyVo]

Hi @1991rameed

Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update? Attach pictures so I can better understand your problem.

[1991rameed]

https://beautykulture.com/

[1991rameed]

\I

[1991rameed]

I fixed the footer copyright text but the footer links I am not having any success centering them on desktop or mobile…also I’m trying to hide the chat on all the pages including products and categories and only show it on the home page

[DaisyVo]

Hi @1991rameed

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
ul.footer-block__details-content.list-unstyled > li {
    margin: 0 !important;
    text-align: center !important;
}
{% endstyle %}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[DaisyVo]

OK, Try my solution above, and let me know if it solves your problem

[1991rameed]

I figured out the chat issue

[B2Bridge]

Hi @1991rameed

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code
2/ Search for “theme.liquid” file
3/ Open the file and search for tag and add the following code above tag

Here is the code for Step 3:

{% style %}
.footer-block__details-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
{% endstyle %}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[1991rameed]

That worked perfectly, thank you soooo much!

[1991rameed]

Unfortunately, that didn’t center it correctly but the code sent by Daisy below worked…thank you for trying to help