{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/ff064e7173b441d8846b3c92a14a7bf3\" frameborder=\"0\" width=\"1328\" height=\"996\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":996,"width":1328,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":996,"thumbnail_width":1328,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/ff064e7173b441d8846b3c92a14a7bf3-38be230bfc5e83d6.gif","duration":253.867,"title":"How to Style a Mega Menu Header","description":"This Loom explains how to style the Mega Menu header in the Generator theme through Global Theme Styling. It first notes that the Mega Menu must be enabled via the Mega Menu Header opt-in toggle, then shows how to customize the header background, spacing and position (including sticky), menu item typography, spacing, alignment, mobile layout, and related controls like the header button and language switcher. It also covers additional responsive settings for the breakpoint where the navigation turns into a mobile menu, plus submenu styling such as dropdown background color, corner radius, padding and column spacing, and drop shadow. The Mega Menu itself is not built in this lesson because that happens in the Global Content Editor in a separate lesson."}