Mobile navigation menu items were being cut off on the right side, harming user experience and conversion on a Shopify store. The merchant shared the store URL, a password for access, and a screenshot illustrating the issue.
A Shopify team member reproduced the problem on mobile and requested diagnostic details: current theme, any code changes, when the issue began, recent app installations, and whether it occurs in a fresh (unmodified) theme preview.
Subsequently, the merchant confirmed that the provided solution resolved the problem and expressed strong thanks. The exact fix or steps taken were not included in the visible posts.
Status: Resolved per the merchant’s confirmation. Remaining gap: no documented root cause or implementation details for others to follow. Attachments (screenshot) were referenced but not essential to the final outcome described.
The menu appears correctly on desktop, but on mobile devices, the items are cut off and incomplete. This is causing a significant user experience issue and affecting my store’s conversion rate.
My store is : Website. ( please see it on mobile )
Password : Taha26
I have attached a screenshot of the menu issue for your reference.
Hi there, @AzizBOUTALEB .
Welcome to the Shopify Community, and thanks for posting your question.
I had a chance to view your website on both desktop and mobile. When clicking into the main menu navigation on mobile, I can see that the menu items are cut off on the right-hand side.
To gather a bit more context on the issue, are you able to provide information on the following:
I can’t believe it, your solution worked, you are truly a genius, I will never forget your help, thank you very much, thank you very much, you are a great person