Add images to mega menu and being linked

Support
#1

Hello again,

I was following this thread https://theme.co/apex/forums/topic/adding-images-to-the-mega-menu/ to figure out how to add images to the mega menu. It helped and I have successfully added the images. However, I was wondering how I would go about making it linkable with the text above the images as well. Right now, the text above the image is the only link on the drop down, but not the image.

Website under the Products tab.

Any help would be much appreciated!

#2

Hi there,

Please kindly add the code below to X > Launch > Options > JS:

jQuery('.x-nav .x-megamenu.col-3>.sub-menu>li').on('click', function() {window.location = jQuery(this).find('a').attr('href');});

and add the code below to X > Launch > Options > CSS:

.x-nav .x-megamenu.col-3>.sub-menu>li {
    cursor: pointer;
}

That should do the trick.

Thank you.

#3

Worked great! Thank you so much!

#4

Glad to hear we managed to help!