Fix menu width

Hello,
Part of navigation is not filling the space and last menu item is causing the trouble.
I have already tried to disable all the plugins but it’s not related.

Obviously last menu item has smaller icon for some reason, no gap and menu is not taking all the space in the header therefore lastmenu item is breaking.

See attached private screenshot

Please check private content for screenshots:

Attachments:

You must be logged in to view attached files.

Hello,

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

li#menu-item-21048 {
    width: 300px !important
}

Best Regards.

Hello and thanks for the reply.
But that didn’t solve the whole issue. There is still no gap between that menu item like between others and icon is still smaller size than it should be.

Hello,

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

li#menu-item-21048 {
    width: 300px !important;
    margin-left: 20px;
}

Best Regards.

CSS did solve issue but this is obviously a bug and should be fixed in future updates.

Thanks 🙂

Hello,

The issue isn’t due to our theme; it’s caused by the length of your menu item being too long.

Best Regards.

Not really. This happens only when icons are added to the menu items.
Even if i shorten the name and remove your css code, bug still appears (see attached)

Even though there is more than enough space from left and right side of the menu.

Attachments:

You must be logged in to view attached files.

Hello,

Now I have checked your site. It is showing fine.
https://ibb.co/rtqP224

Best Regards.

Thats because i solved problem with CSS.

But if you test it on your own platform (add few menu items with icons) you will notice bug yourself. Last item will always break regardless of the width.

Hello,

The issue with the menu item appears to be related to the length and the icon associated with it. While the CSS fix addresses the symptom, it might be necessary to adjust the width of the menu item for now.

We are committed to providing a seamless experience and will investigate this further to determine if there is an underlying bug. In the meantime, shortening the menu item name and using the custom CSS should resolve the display issue.

Best Regards.

Thanks, hope you patch it up.

Hello,

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Best Regards.

[Author]

Posts