Add vertical seperator/sub-headline to mega menu

[root66]

In the “Show By Category” side menu (in shop demo 45) in the category “Garden” you can see bold separator titles like “Home Accessories” in the middle of the menu. These menu items do not have a link and a CSS class “side-menu-sub-title”.

Are these bold seperator titles possible within the horizontal menu, for example the “Products” menu in shop demo 45 (look at the attached screenshots).

Background: The menu only supports up to 6 columns in one line. However, I would like to display up to 12 sub-menus in two rows.

Attachments:

You must be logged in to view attached files.

[Aizaz Awan]

Hello, @root66,

Thanks for your contact.

We have made that menu on Shop Demo 45 under Appearance >> Menu.
And the class we have used for making the menu item as title and bold is (side-menu-sub-title)
We have used that CSS class in the Menu item, and also we for only set the link as # to those titles, we have used the Custom Menu item for it, please refer to this screenshot: https://postimg.cc/dLVdn1h9

By following that screenshot and steps you can easily achieve your desired result.

Best Regards,
PThemes Team.

[root66]

The CSS class “side-menu-sub-title” does work in the side menu, not in the horizontal menu (Products, Features, Blog, Elements).

Is there a similar class to “side-menu-sub-title”, which works in the horizontal menu, or do I have to add a custom CSS class?

[Aizaz Awan]

Hello, @root66,

Unfortunately, we don’t have an additional class available. You’ll need to use Custom CSS code; it’s currently the only effective solution.

Best regards,
PThemes Team

[Author]

Posts