Menu messed up after upgrade

Hi there,

On the first site, do you have font awesome classes added to the menu item?:

fa-home fa-fw
fa-info-circle fa-fw
fa-envelope fa-fw

etc..?

If so, those should be added inside the menu item label, not to the actual menu.

For the second site, it looks like you've just ran out of room with the long menu items.

Try increasing the width of your sub-menu:

.main-navigation ul ul {
    width: 250px;
}

Let me know :)

For the second site, the additional CSS solved the problem. Thanks.

For the first site: Yes I used font awesome classes, but they are disappeared now in the Design > Menus list. Or what do you mean with "inside the menu item label"?

Were you using this plugin?: https://en-ca.wordpress.org/plugins/font-awesome-4-menus/

Another user is having an issue with the new arrows and that plugin.

Typically to add an icon into the menu, I just add the HTML into the "Navigation Label" in "Appearance > Menus".

For example: <i class="fa fa-fw fa-home"></i> Home

“Appearance > Menus”, yes... ok I tried with the first menu but does not change anything. As I remember, I think I had an addional filed "CSS" on each menu item. Maybe I have to recreate the whole menu?

You shouldn't, are you using the plugin I mentioned above?

If you don't see a "Custom Classes" field when you open up individual menus, try this: https://generatepress.com/knowledgebase/using-menus/#custom-classes

you still have the bug on the main menu of http://futura-schlieren.sciurus.ch/ with IE !

I'm still seeing the issue in Chrome - once we have Chrome fixed we can look at IE.

Were you able to look in the Custom Classes field for those classes I mentioned?

Yes I do use this plugin you mentioned. But I do not have this Custom Classes field, I have only Navigation label.

Yea, there's an issue with that plugin and the new dropdown arrows - I have to find a workaround.

Luckily, the plugin isn't really necessary. You can add the icons directly into your menu items like this: https://generatepress.com/forums/topic/problem-after-update-where-to-get-old-version/#post-169352

Then you can deactivate the plugin and your menu will be back to normal.

Sorry for the inconvenience - I didn't even know that plugin existed before today.

Let me know if you need more info :)

Unfortunatly, even if I deactivate ALL plugins beside GP Premium, neither the Custom Class field is back nor the menu turned normal. :-(

Deactivating that plugin doesn't remove the icons?

This doesn't make the CSS Classes field appear?: https://generatepress.com/knowledgebase/using-menus/#custom-classes

If you'd like you can send me temporary admin login details to support@generatepress.com and I can take a look for you?

Let me know :)

Unfortunatly, no. I've just sent you the login credentials. Thanks!

Just took a look, the CSS Classes checkbox wasn't checked in the "Screen Options" area of "Appearance > Menus".

Now when you open up each menu item you'll see the CSS classes in there.

As an alternative to that plugin, use this one: https://wordpress.org/plugins/menu-icons/

sorry for my precedent post ... the pb with the main menu and IE is here : http://www.wbfs.ch/