My navigation icon on mobile interferes with the cart icon when clicking

Topic summary

Mobile cart icon taps intermittently triggered the mega menu because the navigation button’s clickable area was too wide. Screenshots illustrated the oversized selector and header icon overlap on mobile.

Fixes applied: custom CSS changed the navigation trigger from width: 5.5rem !important to 39px, which removed the tap overlap. Initial changes caused icons to shift on page load/refresh; adjusting where the added code was placed (ultimately positioned above the tag) eliminated the shifting and restored correct alignment.

Follow-up: the navigation icon later disappeared but was recovered by switching to a duplicate theme, restoring the header.

Current status: a new, device-specific issue on an iPhone 12 mini shows “Shop All” product images appearing shrunken. The helper requested a direct product URL to reproduce and investigate; awaiting that detail.

Outcomes: the original tap-target interference is resolved. The thread remains open for the iPhone-specific image sizing problem. Screenshots are central to understanding the header shift and image scaling behavior.

Summarized with AI on December 30. AI used: gpt-5.

Hi @kaiyaa !

thanks for your reply, but unfortunately didn’t work :confused: