megatom

Hi,

Please post a link to your site so I can take a look.

Regards,
Tom

Hi,

It’s because on the site you’ve linked to it’s missing the style attributes here:

https://app.screencast.com/1gycNzg5QaotS

Maybe an optimisation plugin is removing them? (Adding the style attribute allowed us to us “calc” in the CSS, which eradicated about 600 lines of CSS per menu location, so the style attribute is needed unless you want to supply your own CSS for the widths – like you have done).

Regards,
Tom

Hi caersbart,

What exactly do you need to do to the sub menu to make it look better? It might look better if it was wider, to do that go to Mega Menu > Menu Themes > Mega Menus and set the Panel Width IOuter) to:

body

If you are struggling to inspect the css classes of the sub menu, set the Event to Click, then you can inspect the sub menus and find the classses.

Regards,
Tom

Hi Amber,

To begin with point 11 which looks like a big one, this is something you can fix yourself by adjusting/correcting the menu structure.

The menu structure itself (on the Appearance > Menus page) should look like this:

Products
-- Software Products
---- Accessibility Checker
---- Audit History Addon
---- etc

When you open the Mega Menu Builder for Products, you’ll find Software Products in there and you can drag it to the correct position within the sub menu. The resultant HTML will be simplified and semantically correct (so as not to confuse screen readers).

To make Software Products behave like a header rather than a link, enable the Disable Link option for that item. To style Software Products to look like a header rather than a link, utilise the Mega Menu > Menu Themes > Mega Menus > Second/Third Level Items options.

You can check the demo menu on megamenu.com (the Menu Items sub menu) to see how it looks, if you try it with a screen reader you will find it announces the correct number of items.

I’ll work on the other issues also, but that is something you can get on with in the mean time.

Regards,
Tom

Hi Paul,

Thanks for reporting this. I’ll add a fix in the next update. In the mean time please check any logo toggle blocks you have, and make sure the media file associated with them hasn’t been deleted.

Regards,
Tom

Hi Mike,

There are 2 types of sub menu: Mega Menu and Flyout Menu. You can set the appearance of each type under Mega Menu > Menu Themes.

Regards,
Tom

Hi affo,

I see the topic is marked as resolved, I’m not sure if thats by mistake, but if you still need help please post a link to your site.

Regards,
Tom

Hi webitdev,

If I understand correctly, I think you are looking for a vertical menu: https://www.megamenu.com/documentation/vertical-mega-menu/

Regards,
Tom