[Resolved] Menu messed up after upgrade

[stesch79]

Yes, perfect. I do see the classes now. But the menu is still messed up. Do you see why?

[Tom]

You need to remove those CSS classes completely and then save the menu.

As for the IE11 issue, I just released an update (1.3.25) which fixes it. You can download it from here: https://generatepress.com/gp-1-3-25/

[stesch79]

OK, removing works. But it would be really quite easier to add the FA icons in the class field than as an HTML tag on the title – as I was until the update.

[Tom]

I agree, unfortunately the way that plugin is doing it is somewhat hacky.

This plugin does a much better job of it in my opinion: https://wordpress.org/plugins/menu-icons/

[stesch79]

Sure. But I thought this one cannot handle the fixed width of an icon.

[Tom]

Any reason why that’s important for you? That class is typically only used when the icon is changing right in front of you (the mobile menu bars to x, search icon to x etc..).

[stesch79]

Yes, I’d like to have the menu text right aligned in one line.

[Tom]

You shouldn’t need the fixed width class for that though?

Either way, you can apply the fixed width to your menu icons like this:

nav .menu-item i._mi {
    width: 1.28571429em !important;
    text-align: center;
}

• This reply was modified 10 years, 2 months ago by Tom.

[stesch79]

OK, that works. It looks like before now: http://futura-schlieren.sciurus.ch/
But, this way the menu within the backend is very confusing/unclear with the HTML tags in the title.

If I can fix the fixed width with the custiom CSS, maybe also your suggested plugin would work. I will try.

But, anyway. It would be really great, if it would work wit the CSS class field too as it worked before! I’m sure you can fix this 😉

[Tom]

You can use the CSS I gave you with this plugin to make it less confusing: https://wordpress.org/plugins/menu-icons/

I’ll definitely look into making it work with this other plugin, but like I said the way they’re doing it is very interesting, so it may take a little time.

[stesch79]

OK, thanks. The plugin works, too. I’ve just recreated all icons. But the CSS seems not to apply. Could you help me with this, too?

[Tom]

I adjusted the CSS here: https://generatepress.com/forums/topic/menu-messed-up-after-upgrade/page/2/#post-169499

It gives the same effect as adding the fa-fw class 🙂

[stesch79]

Perfect! Thank you so much for that grat support!

[Tom]

You’re welcome 🙂

[Isi]

Hello Tom,

unfortunately I have a similar problem since the update.

The main menu on my site burgerpresse-test.com is messed up.

The search tab moved to the seconde line. Before the update it fitted in the first line.

Thank you for your help in advance.

Kind regards
Ismar

[Author]

Posts