How can I fix the mobile footer color issue in Dawn theme?

Store Design

Topic summary

A user encountered a footer display issue on mobile view in the Dawn theme. The problem involved two footer menus appearing with inconsistent background colors, along with misaligned payment options and social icons.

Issue Details:

  • Footer menus displayed different background colors on mobile
  • Payment options and social icons not properly aligned
  • Desktop view appeared correct; issue isolated to mobile

Solution Provided:
GemPages support team offered a fix:

  1. Navigate to Online Store → Theme → Edit code
  2. Open the theme.liquid file
  3. Paste custom CSS/markup code before the </body> tag

Outcome:
The user confirmed the solution worked successfully and thanked the support team. The issue appears resolved.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

I am using dwan theme and added two different menus in the footer but its not showing properly with one color and the above payment options.

I want both menus must be with the same background colour on mobile view and payment and social icon in the last.

Can Anybody check and help to fix?

Thanks

mobile view image

hanbal_0-1676981069994.png
hanbal_0-1676981069994.png516×741 22.3 KB

website : www.Olanzu.co

password - 123456

2

@hanbal

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you.

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid theme file.

  3. Paste the below code before :

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

1 Like
3

Great, it worked!

Thanks