Mobile header/menu is too wide on the store’s mobile view, and the author wants it to fit without breaking layout. Key elements involved: a country/region selector (not the basic language selector), a dropdown menu, and a search icon.
Proposed options by the author:
Move the country/region selector out of the header (e.g., to the footer), though it currently doesn’t appear there.
Adjust header width.
Reduce the dropdown menu size.
Remove the search icon.
Responders requested the store URL (and password if applicable) to provide tailored help. The author declined to share the URL, business name, or password, noting the site is still blocked, and asked for guidance based solely on screenshots.
Images/screenshots are central to understanding the layout issue.
No concrete technical solution was provided due to lack of site access. No decisions were made. The discussion remains open with key questions unanswered about how to adjust the mobile header/menu without direct access to the store.
Summarized with AI on December 29.
AI used: gpt-5.
I would like to know how to fit this wide menu on the mobile version.
Any suggestions?
Perhaps I can:
Change the location of the country/region selector - e.g. remove it from the header and place it somewhere else? How if it doesn’t appear in the footer and mind you, this is not the basic language selector?