Making the megamenu dropdown as half of the width

  1. Go back to Appearance > Menus.
  2. Click on the caret on the top-right of menu item that contains the megamenu subitem to expand it.
  3. In the CSS Classes text box, enter yamm-hw.
  4. This will make the subitem extend to half-width of the container.
  5. If the CSS Classes field is not visible. Click on Screen Options on the top-right corner of the screen and check on CSS Classess under Show advanced menu properties.
  6. Click on Save Menu.


megamenu dropdown as Half of the width Output