Adding small image beside title in Mega Menu

Hi,

I have created a Mega Menu as per the tutorial video. I cannot find how to add small images as per the Grocery mega Menu in your sample site.

I tried and the image is displayed at the right end only.

Thanks for your time

Hello,

Please provide the site admin access to the private area I will check.

Best Regards

Hello,

Could you also verify if there is problem with installation.

1- I think I am missing pages
2- Home page has display problem and do not match demo grocery page
3- site on cell do not match site on desktop.

Hi Elise,

Also could you give me the way to create a ling from the Mega menu (for example Fresh Fruits) to the woo-commerce category Fresh Fruits.

I really appreciate your help.

Hello,

Please make sure you rung the latest theme version: 5.0.3. as well as the updated Woodcore plugin. I cannot log in please provide your valid site admin access.

Also, please provide the URL of the demo and screen which image you want to add.

Best Regards

Hi Elize,

The information is in the Private section.

Hello,

You can find all the menu blocks on the third page https://prnt.sc/tt9x7y

Follow this instruction to configure the menu: https://xtemos.com/docs/woodmart/create-menu-2/

Best Regards

Hi Elize,

I am praticing the different ways to do the mega menu. Thanks for your help

This is not easy for a beginner.

I found a menu that can be helpful for my projet. You will find it enclosed. Where I can find it in my account? It is a pert of the dummy site.

Thanks again for you help

Hello,

You have not attached the screen please try again, I will enter your site and import it if you do not have it.

Best Regards

Sorry about that.

Here it is.

Also could you take a look if I am missing other block or page?

As you can see i Have a lot of Categories in Woocommerce. Is there a way User can only see the parent category when searching an item?

Fpr example, if I am looking for milk in the search field in the header, it will display 200 items or so but all categories will be displayed at the left of the page.

I would like to have Dairy – fresh – Milk for example.

Thanks for you help

Attachments:

You must be logged in to view attached files.

Hello,

Have a look at the screen to see how it is built: https://gyazo.com/3ec577548f4d97dc7709b849db9f64be

Here is the code of this menu:

[vc_row css=".vc_custom_1492520397935{margin-right: -35px !important;margin-bottom: 0px !important;}" el_class="svg-color"][vc_column width="1/3" css=".vc_custom_1491464148927{padding-top: 0px !important;}"][vc_row_inner][vc_column_inner width="1/3"][woodmart_info_box image="46" no_svg_animation="yes" img_size="50x50" link="url:%23|||"][/woodmart_info_box][/vc_column_inner][vc_column_inner width="2/3" css=".vc_custom_1491550062693{padding-left: 0px !important;}"][extra_menu title="MAN" link="url:%23|||"][extra_menu_list title="Outerwear" link="url:%23|||"][extra_menu_list title="Jackets" link="url:%23|||"][extra_menu_list title="Jumpsuits" link="url:%23|||"][/extra_menu][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/3"][woodmart_info_box image="46" no_svg_animation="yes" img_size="50x50" link="url:%23|||"][/woodmart_info_box][/vc_column_inner][vc_column_inner width="2/3" css=".vc_custom_1491550062693{padding-left: 0px !important;}"][extra_menu title="KIDS" link="url:%23|||"][extra_menu_list title="T-Shirts" link="url:%23|||"][extra_menu_list title="Dungarees" link="url:%23|||"][extra_menu_list title="Shorts" link="url:%23|||"][/extra_menu][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/3"][woodmart_info_box image="46" no_svg_animation="yes" img_size="50x50" link="url:%23|||"][/woodmart_info_box][/vc_column_inner][vc_column_inner width="2/3" css=".vc_custom_1491552748079{margin-bottom: -20px !important;padding-left: 0px !important;}"][extra_menu title="BAGS" link="url:%23|||"][extra_menu_list title="Backpacks" link="url:%23|||"][extra_menu_list title="Travel" link="url:%23|||"][extra_menu_list title="Business" link="url:%23|||"][/extra_menu][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width="1/3" css=".vc_custom_1491464153829{padding-top: 0px !important;}"][vc_row_inner][vc_column_inner width="1/3"][woodmart_info_box image="46" no_svg_animation="yes" img_size="50x50" link="url:%23|||"][/woodmart_info_box][/vc_column_inner][vc_column_inner width="2/3" css=".vc_custom_1491550062693{padding-left: 0px !important;}"][extra_menu title="WOMAN" link="url:%23|||"][extra_menu_list title="Knitwear" link="url:%23|||"][extra_menu_list title="Skirts" link="url:%23|||"][extra_menu_list title="Sweatshirts" link="url:%23|||"][/extra_menu][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/3"][woodmart_info_box image="46" no_svg_animation="yes" img_size="50x50" link="url:%23|||"][/woodmart_info_box][/vc_column_inner][vc_column_inner width="2/3" css=".vc_custom_1491550062693{padding-left: 0px !important;}"][extra_menu title="ACCESSORIES" link="url:%23|||"][extra_menu_list title="Scarfs" link="url:%23|||"][extra_menu_list title="Hats" link="url:%23|||"][extra_menu_list title="Sunglasses" link="url:%23|||"][/extra_menu][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/3"][woodmart_info_box image="46" no_svg_animation="yes" img_size="50x50" link="url:%23|||"][/woodmart_info_box][/vc_column_inner][vc_column_inner width="2/3" css=".vc_custom_1491552752468{margin-bottom: -20px !important;padding-left: 0px !important;}"][extra_menu title="SHOES" link="url:%23|||"][extra_menu_list title="Leather" link="url:%23|||"][extra_menu_list title="Sneakers" link="url:%23|||"][extra_menu_list title="Moccasins" link="url:%23|||"][/extra_menu][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width="1/3" css=".vc_custom_1491473538029{margin-top: -30px !important;padding-top: 0px !important;padding-right: 0px !important;}"][vc_row_inner css=".vc_custom_1491466272153{margin-right: -50px !important;}"][vc_column_inner css=".vc_custom_1491466426404{margin-bottom: -30px !important;padding-right: 0px !important;padding-left: 0px !important;}"][promo_banner image="177" hover="none" woodmart_color_scheme="dark" title_size="large" btn_color="black" btn_size="small" vertical_alignment="bottom" content_width="100" img_size="full" link="url:%23|||" btn_text="SHOP NOW" title="MAN’S CASUAL COLLECTION" woodmart_css_id="5f2a8228383e1" woodmart_empty_space="" hide_btn_tablet="no" hide_btn_mobile="no" increase_spaces="no"][/promo_banner][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

Create a new HTML block, switch to the Classic mode and into the text mode, insert the code, and then switch back to the backend editor. Then you will be able to apply it as per instruction.

Best Regards

WOWWWWWWW

Thank you so much!!!!

Have a nice day

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts