How to reduce mega menu width in Hestia

Hestia's mega menu can span the full width of the page by default, which may not suit every layout; a single CSS snippet lets you reduce the dropdown to a custom width.

To reduce the width of the mega menu in Hestia start by going to Appearance->Customize->Additional CSS and add the following code:

.navbar .hestia-mega-menu > .dropdown-menu {
    width: 800px !important;
}

Change the 800 to a lower value to further reduce the menu width.

That's it! Publish your changes and you're done.