How to create Mega-Menu with images as category links

I would like to create a mega-menu dropdown that will feature several category images that are sub-categories of the parent in the relevant mega-menu dropdown

Similar to the image attached of another site

Hello,

You can create HTML Blocks and then can add the content to it as you require.
https://xtemos.com/docs-topic/html-blocks-usage/

Best Regards

Okay, how does one make it equal height of two components? I have set settings to equal height but this does not work, I have also played with all settings but am unable to get it right. Please see illustration attached

Attachments:

You must be logged in to view attached files.

Hello,

You can try increasing the image size of the product categories element by editing it.

Screenshot: https://gyazo.com/c5ee20bdb67c1c7e0f55666714e357ae

Best Regards

Is it possible to decrease the size of the product carousel on the right hand size?

Hello,

Please edit the element and try changing the image size then check back.

Best Regards

Unfortunately the element, products (grid or carousel), does not have the option to adjust the image size. Please advise

[Aizaz Imtiaz Awan]

Hello,

The Grid/Carousel element has the option to set the image sizes.

Screenshot: https://gyazo.com/d62c7210458af9f64d3f39bba64d9333

Best Regards

• This reply was modified 2 years, 7 months ago by Aizaz Imtiaz Awan.

Unfortunately if I change this size it does not reflect on the actual site

Hello,

Please try changing the Woocommerce catalog image size from Woocommerce catalog options under Appearance >> Customize >> Woocommerce.

https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/

Best Regards

Unfortunately this also did not work

Hello,

Please provide the admin panel login details of the website to check it myself and help you out accordingly.

Best Regards

[Aizaz Imtiaz Awan]

Logins are in the private content.

• This reply was modified 2 years ago by Aizaz Imtiaz Awan.

Hello,

Sorry to say but the amount of content that you are using in your HTML Block has a major difference between the space they are being occupied. So, that’s why the Height issue is arising.

So, we would suggest you to use the same height Content in your Block or try changing the Menu Item’s design as Set Sizes and define certain width and height for the Block content being shown: https://snipboard.io/gaI0M7.jpg

Best Regards.

I tried to change the set sizes but it does not help 🙁

Hello,

Sorry to hear about that. But then you might need to use the same height content in your Block so that the height issue won’t occur because it is difficult to control the height of the Block explicitly through Custom CSS in this regard. Hope you can understand this !

Best Regards.

Please delete login details message above, didn’t realise this was public

Done.

Thanks for contacting us.
Have a great day 🙂

Topic Closed.
Best Regards.

[Author]

Posts