How to add a scroll option to the menu on mobile version?

Store Design
, , ,

Topic summary

Mobile dropdown menu doesn’t scroll on some phones, hiding items like social links and preventing users from seeing the full menu.

Proposed fix: Edit the theme.liquid file and insert custom CSS before the tag to enable scrolling for the mobile dropdown. Steps are shown in an attached screenshot; the exact CSS snippet is not included in the thread content.

Outcome: The original poster confirmed the change worked and thanked the helper. The issue appears resolved.

Notes:

  • Images are central: one shows the truncated mobile menu, another shows where to add the code in the theme editor.
  • No disagreements or alternative solutions were discussed.
  • Remaining gap: The specific CSS code isn’t visible in the post, which may limit replication for others without the image guidance.
Summarized with AI on December 20. AI used: gpt-5.
1

Hi guys!

Here is the problem:

With some cell phones when they go to the dropdown menu, they can not see everything like the social media.

It depends of the cell phone.

So I was wondering if we can add a code so the people can scroll down with the fingers on cell phone?

You can see the picture of what some people see, they can not scroll down.

Thank you!

URL:
https://toroeatstreats.com/

Question 15.jpg
Question 15.jpg750×1197 49 KB

1 Like
2
  • Here is the solution for you @abailea077
  • Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg
z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg1865×854 94.6 KB

  • Then find the theme.liquid file.
  • Then add the following code at the before tag and press ‘Save’ to save it.
  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like
3

This is wonderfull! Thank you!

1 Like
4

Glad to help you. Have a good day @abailea077 .