Add Image to Mega Menu

[Kyle – SUPPORT]

Ahh yes, not tried SPB sections but please try it and let us know

– Kyle

[skullo27]

OK I will try, where do I find the shortcode for each element I create?

[Kyle – SUPPORT]

Build with the page builder and then switch to visual editor and the shortcode will be there

– Kyle

[skullo27]

ok got it, thanks.

[Kyle – SUPPORT]

No problem

[skullo27]

Hi I tried the SPB element in the menu, and it worked, see attached screen shot, however, only on WC catalogue / archive pages, but if you go to an actually product page, the image is suddenly utterly huge!! It blows it up even bigger than the original size of the image and is all pixelated.

Category page example: https://www.supereight.net/product-category/footwear/
Product page example: https://www.supereight.net/shop/es-shoes-accel-og-brown-gum/

I cannot work out why this is happening, can you advise? Is there a better way than using SPB image element?

thanks
Sam

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Please test adding this:

li.menu-item.sf-mega-menu[data-megamenucols="5"]>ul.sub-menu>div>li .container {
    max-width: 100%;
}

Thanks.

[skullo27]

Thank you, that seemed to work perfectly.

[David Martin – Support]

Great!
– David.