Change content for mobile menu vs desktop menu

Hi!

I would like to add links that appear in my mobile menu that would not appear in the desktop menu. Is this supported?

Thanks!

Hello there,

In the menu item settings, add a custom class name. For example: menu-for-mobile

12%20AM

If the CSS Classes option doesn’t appear by default, expand the Screen Options panel at the top right side; and enable “CSS Classes” checkbox.

Save menu.

Add this CSS code to Appearance > Customize > Additional CSS from dashboard.

@media only screen and (min-width: 1025px) {
  .menu-for-mobile {
    display: none;
  }
}

Regards,
Kharis