How to setup Background image on Category Menu->HTML BLOCK(Mega Menu)

I want to setup the category menu’s submenu background image as seen in the demo but i don’t understand how to do this. Can you please help me.

Attachments:

You must be logged in to view attached files.

Hello,

First of all thanks for choosing our Theme, we are glad to be you in WoodMart WordPress family :-).

To add a background image in the mega menu which shown on sub categories items. First you need to notice the html block which you are using for that specific menu from Appearance >> Menus.

Screenshot for clarification: https://jmp.sh/yj5m0uZ

Once you notice the html block then edit that specific one from the Dashboard >> HTML BLOCKS and then edit the row which contains the inner content and set your background image and save the changes.

Screenshot to edit the specific html block: https://jmp.sh/xjwPpIh

Screenshot to edit the background row for applying image on background: https://jmp.sh/bdRS6nX

Best Regards.

Hey,

Thank you so much for the information but actually i know this but my concern is the background image i am using is not fitting properly to the category -> submenu html block. i want to display the image just like the demo corner to corner. is there any size issue or something else please guide about this.

Attachments:

You must be logged in to view attached files.

Most Welcome

I’m glad that you are able to change the background image. To fit the background image the image size and the row settings matters a lot. So you need to use the same image size as in the demo.

Also you can set the size of that mega menu from Appearance >> Menus, By selecting the “Set Sizes” option from the dropdown.

Screenshot for clarification: https://jmp.sh/ODmyR9L

Best Regards.

[Author]

Posts