Dawn theme footer alignment in center

Shopify Discussion
,

Topic summary

Goal: Center the footer headings in the Dawn theme to match the centered footer text.

Process and key steps:

  • Support requested the store URL to diagnose; merchant shared it. Guidance was to add custom CSS in theme.liquid (inserted before the tag).
  • Iterations followed: initial CSS centered the footer on mobile but disrupted desktop layout. A revision centered headings but left body text aligned left. Further tweaks were provided.
  • The merchant confirmed mobile alignment was fixed, then asked for desktop alignment. A final CSS adjustment produced centered headings and text on both desktop and mobile, with a screenshot showing the result.

Notes:

  • The exact CSS snippets are central to the solution but are not visible in the transcript provided. Screenshots were used to illustrate issues and the final outcome.

Outcome:

  • Resolved. Footer headings and text are centered across devices. No outstanding questions; merchant confirmed success and thanked the helper.
Summarized with AI on December 25. AI used: gpt-5.
1

hello,

i want the heading to move in the center as well just like the text please help ? Thank you

1.jpg
1.jpg590×1280 25.3 KB

1 Like
2

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

1 Like
3

post the solution here ! as i want to do it by myself thank you

1 Like
4

@MinhajAhmed106 , I need a store link so I can give you a solution

1 Like
5

https://www.mintstore.pk/

1 Like
6

Hi @MinhajAhmed106 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

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 :heart_eyes:

1 Like
7

it centered the footer in mobile but make a mess in desktop version here it is in desktop? solution ?

SSS.jpg
SSS.jpg1446×364 21.3 KB

1 Like
8

Hi @MinhajAhmed106 , Pls remove old code and change it to this code:

Hope this can help you :heart_eyes:

1 Like
9

headings are centered but text are alinged to left now in both pc n mobile view

1 Like
10

@MinhajAhmed106 , Pls try again this code:

Hope this can help you :heart_eyes:

1 Like
11

i fix the mobile view alignment they are all in centre now. please without messing the mobile view tell me how can i centered them in pc view as well. they are like this rn in pc view

wwww.jpg
wwww.jpg1169×251 13.4 KB

12

Hi @MinhajAhmed106 , Pls try with this code:

Here is result:

BSSCommerceHDL_0-1719719925630.png
BSSCommerceHDL_0-1719719925630.png1897×440 26.3 KB

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 :heart_eyes:

1 Like
13

thank you and GOD bless you !

1 Like
14

Hi @MinhajAhmed106 ,

We’re happy to see that our suggestion helped you solve the issue.

Can you kindly give us a like? This can be a reference for other merchants if they have an issue like you. Should you need any further information, please do not hesitate to contact us by tagging directly at Community post.

We will check and let you know soon.

Thanks in advance :heart_eyes:

1 Like