Top Menu with categories

Hi, I created a “custom links”(menu) with 4 sub item(category), is there a way when mouse over the sub item, there will be a picture show out in the right side.(as attached).
Please advise, thanks.

Attachments:

You must be logged in to view attached files.

Hi,

Please, provide us your admin access so we can login and check this on your side.

Thank you in advance.

Hi, please see the details. Thanks.

If you want to display some picture there, try to upload an image here https://gyazo.com/4ff656d1bf84fac47c2656929858ed56 or create your dropdowns with WPBakery and HTML Blocks.

Hi, I uploaded an image and it became the background image of the whole menu tab.(As attached). As shared, my purpose is to show a picture next to each category when mouse hover the category link.

For the WPBakery and HTML Blocks, I also tried. I create the list called Apple, and a few links called coca cola (as attached). However all these links just a container to link to my desire page, not like the category link created through Custom Links, it will auto generate a category link like this http://www.abc.com/product-category/accessories/wallet/
Plus, the image beside the link is not mouse hoverable.

Please advise, thanks.

Attachments:

You must be logged in to view attached files.

Hi,

Sorry, but there is no option to show a picture to each category with our mega menu.

Hi, If I want to just show one image, how to do it? Please advise, thanks.

Could you please provide some screenshot with an example how it should look?

Hi, please see attached. thanks.

Attachments:

You must be logged in to view attached files.

It is possible with WPBakery page builder only. Just create a row with two columns and place menu list on the left and your image on the right.
Here is a video tutorial that should help you https://www.youtube.com/watch?v=fWUe8wPLG2g

Hi, As shared in my previous reply. I already follow the video and created the list through WPBakery and HTML Block.

————————————
For the WPBakery and HTML Blocks, I also tried. I create the list called Apple, and a few links called coca cola (as attached). However all these links just a container to link to my desire page, not like the category link created through Custom Links, it will auto generate a category link like this http://www.abc.com/product-category/accessories/wallet/
Plus, the image beside the link is not mouse hoverable.

————————————

Please advise, thanks.

Yes, you need to specify each link URL manually in such case. They can’t be generated automatically if you create a menu with WPBakery elements.

Regards

Hi, yes that is the problem now. Besides the auto generated category link through Custom Links, how can I create the link?
I will have many category such as below example,
http://www.abc.com/product-category/accessories/wallet-a/
http://www.abc.com/product-category/accessories/wallet-b/
http://www.abc.com/product-category/accessories/wallet-c/
http://www.abc.com/product-category/accessories/wallet-d/

I couldn’t find a way to create all the category page manually. Please advise, thanks.

Did you check the video tutorial we sent you? Do you use our special WPBakery element for those links?

Hi, yes I follow it and created the menu called “Apple” as I shared in previous attachment.
Please highlight me if I missed anything. In WPBakery element, all the link container have to key in manually. But before that, where can I create and generate the category link first?
Please advise, thanks.

You can create your categories in Dashboard -> Products -> Categories and click on “view” button to see the links for each category.

Hi, how can I change the image beside the link? Please advise, thanks.

Attachments:

You must be logged in to view attached files.

change in terms of the image size, image selection. Can it be more than one image and it can be slideshow?

As we can see, you have added products element there. Try to use Single image element instead.

Hi, May I know how to adjust all the padding in the menu. (as attached: menu-size.jpg)

In Mobile view under Categories tab(as attached: mobile.jpg), when click on a category with sub item in it, it will jump straight to the page I link to instead of showing me all the sub menu list. May I know how can I make it when click on it, it will show the sub menu?

Please advise, thanks.

Attachments:

You must be logged in to view attached files.

Hi,

1. You can adjust paddings for your WPBakery row and columns while editing your menu HTML Block.

2. Mega menu dropdowns built with HTML Blocks are supported by the main desktop menu only. You need to create a separate mobile navigation in Appearance -> Menus without HTML Blocks dropdowns.

Regards

Hi, in the blog menu, how can I delete away the extra empty space beside the link?
Please advise, thanks.

Attachments:

You must be logged in to view attached files.

Just decrease the width of this dropdown menu item in Appearance -> Menus.

Regards

Hi, I adjusted the width, but the white space and the menu both reduced together. Please advise, thanks.

Attachments:

You must be logged in to view attached files.

Check this HTML Block with WPBakery. You have two columns there. Try to use only one.

[Author]

Posts