Setting up the mobile menu

  • Mobile Menu is edited separately — switch to mobile view, then click into the site header to access mobile-specific settings

  • Some settings are shared with desktop (e.g. cart style, logo height) while others are independent (e.g. header height)

  • Hamburger menu icon is customizable — choose different icon styles and adjust thickness

  • Mobile menu background color is changed via Site Styles > Colors > your color scheme > scroll down to "Menu Overlay"

  • Always test on a real device — the desktop mobile preview is helpful but every screen is different; check your actual phone or resize your browser window to verify it looks right