Mega menu product header

[NMillard]

Hi,

How do you make this header for the mega menu?

[Kyle – SUPPORT]

Hi

Are you asking how to add best sellers in the menu, or just the heading style? That is part of the page builder asset.

– Kyle

[NMillard]

Well yeah, but also how do I get rid of the title at the top “Menupunkt”?
U can have a look at the pic I’ve attached.

[Kyle – SUPPORT]

On your parent menu item, tick the box for ‘hide mega menu headings’

– Kyle

[NMillard]

thx!

[NMillard]

Okay – next question

How to not display the categories in the mega menu?
See attached screen shot.

[Kyle – SUPPORT]

Add this to your custom css:

.mega-menu .product-cats > a {
  display: none;
}

– Kyle

[NMillard]

awesome, thx!
For some reason, it now displays a “,” instead of the categories at some of the products..

[Kyle – SUPPORT]

Sorry, try this instead:

.mega-menu .product-cats {
  display: none;
}

– Kyle

[NMillard]

hm, still doesn’t work. Now it just shows the categories again 🙁

[Melanie – SUPPORT]

Can you post up your website URL maybe so we can check it out?

[NMillard]

sure,

http://www.proextensions.dk

[NMillard]

oh, and also, do you know why the “Remover Tang” has the same image displayed as the “heatfilter”? I’ve uploaded another image for the Remover Tang…

[Kyle – SUPPORT]

This will work:

.mega-menu .mini-list li .product-cats {
  display: none;
}

Please check the images you have set for that product, including thumbnail image.

– Kyle

[NMillard]

dang, awesome! Thx! 😀