Reduce mobile menu size

Tagged: mobile menu

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
August 26, 2014 at 7:15 am #309140

5fold
Participant

How can we reduce the menu items for mobile menu or create a custom menu? Currently our menu has too many items that are not needed for mobile.

August 26, 2014 at 8:22 am #309162

Josue
Inactive Moderator

Hi!

Go to Appearance > Menu and enable CSS Classes in “Screen Options”, then set a class of “noMobile” to the menu items you don’t want in the mobile menu.

Cheers!
Josue

August 26, 2014 at 8:48 am #309179

5fold
Participant

This reply has been marked as private.

August 26, 2014 at 8:52 am #309181
Josue
Inactive Moderator
Hey!

Try adding this code to the Quick CSS:
```
ul#mobile-advanced {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
}
```
Cheers!
Josue
August 26, 2014 at 8:57 am #309184

5fold
Participant

This reply has been marked as private.

August 26, 2014 at 8:58 am #309185

5fold
Participant

This reply has been marked as private.

August 26, 2014 at 8:59 am #309186

Josue
Inactive Moderator

Hey!

It’s not working because there are a lot of typos in your Quick CSS, try putting it on the first lines.

Regards,
Josue

August 26, 2014 at 9:01 am #309189

5fold
Participant

Thank you!!

August 26, 2014 at 9:04 am #309190

Josue
Inactive Moderator

You are welcome, glad to help :)

Regards,
Josue
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Reduce mobile menu size’ is closed to new replies.