Add Mobile-Only Menu Items

This is especially good for Notifications and account links as the User Dropdown does not appear on Mobile. 

By default, the platform does not have this option. You can use the following CSS code. 

Please follow the steps below:

1. Go to Appearance > Customize

2. Under Additional CSS

3. Append the following:

/* Start Mobile Menu Items css */
.primary-menu .mobile-only {
display: none;
}

#primary-navbar .sub-menu .mobile-only {
display: none;
}

@media screen and (max-width: 799px) {
.primary-menu .mobile-only {
display: block;
}

#primary-navbar .sub-menu .mobile-only {
display: block;
}

.mobile-only i {
color: #939597;
}
}
/* End Mobile Menu Items css */

4. Publish.

Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://bb-backup-hz4.developbb.dev/support-policy/