How to fix drawer text alignment on mobile

Topic summary

Mobile drawer (slide‑out) menu text in a nested navigation appears misaligned on mobile. The store URL and a password were provided for review.

A responder advised fixing it by adding custom code in Shopify’s theme.liquid before the closing tag. Steps given:

  • Online Store > Themes > More actions > Edit code
  • Open theme.liquid
  • Paste the custom code above

Images were shared: one showing the misalignment and another showing where to place the code.

However, the actual code snippet intended to be pasted is missing in the thread (the code block is empty), so the precise fix cannot be executed as written. theme.liquid is the main theme template file where head-level CSS/JS can be added.

No confirmation from the original poster indicates whether the issue was resolved. Key next step: obtain or provide the missing code snippet so it can be inserted as instructed. Status: unresolved/ongoing.

Summarized with AI on January 9. AI used: gpt-5.

This is currently what my drawer menu looks like when I load my nesting menu. Could anyone help me in realigning this? I would very much appreciate it!

www.constructionlayers.com
password: collectionthree

Hi @clayinfo

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Richard | PageFly