Return to previous page

Image as Mega Menu link - by macolez - on WordPress WooCommerce support

This topic has 4 replies, 3 voices, and was last updated 8 years, 11 months ago ago by Stan Russell

macolez

Participant

December 9, 2015 at 08:21

Hi there,

I coudnt figure out how to make exact as your demo, this menu:

Could you take a printscreen with all menu openned? At least the first main, the second onde and the one with image. I tryed several documentations guide and got nothing.

I have tryed Legenda doc, woopress doc.. and any one worked for me. Im using Woopress – Wooman.

I put some images here, so if u could help me and use some:

[template_url]/images/menu/barbag.jpg
[template_url]/images/menu/harleen.jpg
[template_url]/images/menu/gym.jpg
[template_url]/images/menu/urban-sport.jpg

Best Regards,

Please, contact administrator
for this information.

#103444 Copied Theme version: last WooCommerce version: last

3 Answers

Eva Kemp

Support staff

December 9, 2015 at 09:16

Hello,

You need follow the documentation https://www.8theme.com/demo/docs/woopress/#!/primary_menu and add class with-tooltip to submenu items in Appearance > Menus.

Regards,
Eva Kemp.

#103460 Copied
macolez

Participant

December 10, 2015 at 03:02
Thank you, worked like a charm.
But the Documentation should be more specific and complete about it. Other missing info was about spacing, that was hard to me to fir like your demo. But i figured out this likes to add at Custom Codes:
```
.menu .menu-full-width.menu-column5.tooltip-wrap .nav-sublist-dropdown {
  width: 1100px !important;
}

.menu .menu-full-width .nav-sublist-dropdown ul > li.with-tooltip a .nav-item-tooltip {
width: 170px;
}

.menu .menu-full-width .nav-sublist-dropdown ul > li.with-tooltip {
  margin-bottom: 70px;
  height: 90px;
  width: 170px !important;
}
```
#103655 Copied
Stan Russell

Participant

December 10, 2015 at 08:18

Hello macolez,

sorry for inconvenience and thank you for your reply .We will take it in account.

Regards,
Stan Russell.

#103666 Copied
Tagged: image links, mega menu, seo friendly, shopify, themes, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)