Shopify Header Scroll Buttn

Topic summary

A Shopify store owner needs help adding horizontal scroll buttons (left/right) to their mobile header navigation. The desktop view shows all submenu items properly, but on mobile, some submenu options are cut off and not visible to users.

Current Status:

  • Desktop navigation displays correctly with all menu items visible
  • Mobile view truncates the navigation, hiding some submenu items
  • Store is currently in draft mode

Requested Solution:
Implementing CSS-based scroll buttons for mobile navigation to allow users to access hidden menu items.

A community helper has responded and requested the store URL and password (if password-protected) to review the issue and provide a solution. The store owner has shared their draft store link and is awaiting technical guidance on implementing the scroll functionality.

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

Hello, is it possible for me to add a scroll button left & right here for mobile view because the other submenu cant be seen. this is the view on desktop.

DESKTOP VIEW:

MOBILE VIEW:

1 Like

Hello @Chaychay341235
Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

Yeah sure, but it was still in draft. How can I send it to you? https://www.masongearshop.com/?_ab=0&_fd=0&_sc=1 here is the link