To add these css classes, you must paste them into the CSS classes box eg: https://d.pr/i/0Y2wfZ . If this field is not shown, make sure to make it visible by clicking on the top Screen Options and check Title & CSS Classes eg: https://d.pr/i/gfkXgC .
--separated . The outcome should be https://d.pr/i/3Sg9CD .
--badge-green --badge-red --badge-orange --badge-blue --badge-accent
--highlight . Should result in https://d.pr/i/yBSS6G .
--bold . Should result in https://d.pr/i/Ne5ule .
To reset add the class
All mega menu panels have a surrounding padding which causes a white border if you customize the background color of the section elements in the Mega Menu Global Sections content. The padding is used as an entrance effect so resetting it will lose the effect.
To show a menu item only on mobiles, use the class
--mobile-only . You can also use
--desktop-only , however the cases can be rare.