How can I fix the menu cut-off issue in my mobile layout?

Shopify Discussion

Topic summary

Mobile dropdown menu on a Shopify theme had excessive vertical padding on mobile, cutting off the Account and Language selectors. Adjusting width did not address the menu length/height. A screenshot was provided to illustrate the issue.

A helper advised inserting a custom code snippet into the theme.liquid file immediately after the HTML tag (theme.liquid is the main layout file for Shopify themes). The exact snippet content was not visible in the excerpt.

After applying the suggested code, the original poster confirmed the fix worked, resolving the padding/visibility problem and making the Account and Language options visible again.

  • Action taken: Add code after in theme.liquid.
  • Outcome: Issue resolved; OP confirmed success.
  • Status: Closed/resolved; no remaining questions.
Summarized with AI on January 1. AI used: gpt-5.
1

My mobile layout drop down menu has too much padding and the account & language selection tab aren’t visible (see picture). I reduced the width but can’t find a solution for length. Greatly appreciate some help.

IMG_2123.png
IMG_2123.png1170×2532 298 KB

2

Hi @Hippada

Please add this code below to theme.liquid file, after element in Online Store > Themes > Edit code

Best Regards,

Dan

1 Like
3

Dan,

Thank you very much and it was a perfect fix! Appreciated the simple explanation as well!