Menu in 2 lines

3-line sample menu

https://www.areacook.it/wp-content/uploads/2021/09/gastromenu.jpg

Hi @gianlucamichelini

Thanks for reaching out to us. I can understand your query. Currently, there is no such control in the Nav Menu widget that will allow you to show the Menu items in several lines. But, there is also a simple way to do that. You can simply make 3 nav menus on Appearance > Menus and apply those menus on the header by taking 3 EKit Nav Menu Widget. Please follow this screenshot for a better understanding.

Since the feature, you are looking for is currently not available on the EKit Nav menu Widget, Please add this feature on our feature request section. You will find the link to request a feature by navigating to the plugin details page. Scroll down to USEFUL SECTION and you will find the link named Request a Feature.

Let me know if you have any further queries or clarifications. I will be happy to help you.

Best Regards
Prosenjit

• This reply was modified 3 years, 6 months ago by Prosenjit Barman.
• This reply was modified 3 years, 6 months ago by Prosenjit Barman.

Thanks for the reply.
I tried to insert another menu EKit Nav Menu Widget.
but there is the following problem: clicking on the main category then passing the mouse over the sub categories, the sub categories disappear and there is no time to click them.

Instead With only one menu line, this problem is not there (I click the main category and then I can go to the sub category that does not disappear)

Hello @gianlucamichelini

Thanks for your response. The disappear issue could happen due to an inappropriate z-index. After adding up the menus, could you please provide me the link to your site? So that I can check and help you to resolve the issue.

Looking forward to your response.

Best Regards
Prosenjit

I was thinking better. But adding a second menu, from desktop might be fine, but from mobile for the visitor to open two hamburger menus is not a great browsing experience.

Hi @gianlucamichelini ,

In that case, hide those menus for mobile/tablet devices and create a menu which will show only to mobile/tablet devices. In this menu just keep all your menu items.

Regards,
Benjir

Thanks very good Benjir Ahmed.

I reply to prosenjitbarman:

I have put a second menu, you can try on https://www.areacook.it, now if you try to click in a main category of the first menu. You then do not have the time to put the mouse on the sub-categories that they disappear.
in the second menu this problem is not there.

One more question please (for mobile version).

With tihs CSS:

.acoplw-badge > span {
z-index: 1;
}

I was able to remove the plugin labels
Acowebs Product Labels For Woocommerce which covered above the mega menu.

But I can’t find a Css to make the Woocommerce Onsale labels disappear, they are above the mega menu.

Hi @gianlucamichelini

I have checked your site and was able to detect the issue. This was caused due to z-index. Maybe the next Nav menu has a high or equal z-index than the Megamenu. That is why the Megamenu is going behind the second nav menu and get disappeared before clicking on the content. This issue can be solved by assigning a lower z-index on the second Nav Menu from the Elementor controller. You can check out this video for better understanding.

Could you please specify the next query regarding SALE LABEL more? If possible, please include some screenshots or something that clearly describe the query so that I can understand and help you to find a solution quickly.

Best Regards
Prosenjit

Thanks for the video, top assistance !!

Woocommerce’s (On sale) label appears above the hamburger menu. This event confuses the visitor, it would be better if the burger menu is clean without anything else.

Screenshot
https://www.areacook.it/wp-content/uploads/2021/09/onsaleoverhamburger.jpg

Woocommerce’s (On sale) label appears above the hamburger menu. This event confuses the visitor, it would be better if the burger menu is clean without anything else.

Screenshot
https://www.areacook.it/wp-content/uploads/2021/09/onsaleoverhamburger.jpg

@gianlucamichelini The screenshot link you have given is redirecting to your homepage. Please send us correct link to check the issue properly.

Thanks

The link is ok. I put the menu screen, the Woocommerce Onsale label goes above the hamburger menu.

@gianlucamichelini Please check this screencast. The screenshot link you have given is redirecting to your homepage. Hope you can understand the matter now.

Thanks

https://www.shorturl.at/lsAP9

• This reply was modified 3 years, 6 months ago by gianlucamichelini.
• This reply was modified 3 years, 6 months ago by gianlucamichelini.