How to make categories style like this?

How to make categories style like this?

Attachments:

You must be logged in to view attached files.

if you check your theme on html blocks you whill find them there. now make the wordpress menu use HTML Block for the dropdown and set the size.

Hello,

Here is the code for the HTML block:

[vc_row content_placement="top"][vc_column width="1/4"][vc_single_image image="78" img_size="118x118" css=".vc_custom_1497515529675{margin-bottom: 10px !important;}"][extra_menu title="CLOCKS" link="url:%23|||"][extra_menu_list title="Mantel Clocks" link="url:%23|||"][extra_menu_list title="Anniversary Clocks" link="url:%23|||"][extra_menu_list title="Wall Clocks" link="url:%23|||"][extra_menu_list title="Digital Clocks" link="url:%23|||"][extra_menu_list title="Travel and Alarm" link="url:%23|||"][/extra_menu][/vc_column][vc_column width="1/4"][vc_single_image image="79" img_size="118x118" css=".vc_custom_1497515544181{margin-bottom: 10px !important;}"][extra_menu title="TABLETOP" link="url:%23|||"][extra_menu_list title="Pepper Shakers" link="url:%23|||"][extra_menu_list title="Spice Jars" link="url:%23|||"][extra_menu_list title="Dish Drainers" link="url:%23|||"][extra_menu_list title="Сocktail Shakers" link="url:%23|||"][extra_menu_list title="Utensil Holders" link="url:%23|||"][/extra_menu][/vc_column][vc_column width="1/4"][vc_single_image image="80" img_size="118x118" css=".vc_custom_1497515558354{margin-bottom: 10px !important;}"][extra_menu title="KITCHEN" link="url:%23|||"][extra_menu_list title="Oil Vinegar Sets" link="url:%23|||"][extra_menu_list title="Bottle Racks" link="url:%23|||"][extra_menu_list title="Chopping Boards" link="url:%23|||"][extra_menu_list title="Vacuum Flasks" link="url:%23|||"][extra_menu_list title="Utensil Holders" link="url:%23|||"][/extra_menu][/vc_column][vc_column width="1/4"][vc_single_image image="81" img_size="118x118" css=".vc_custom_1497515571350{margin-bottom: 10px !important;}"][extra_menu title="LIGHTING" link="url:%23|||"][extra_menu_list title="Interior Lighting" link="url:%23|||"][extra_menu_list title="Ceiling Lamps" link="url:%23|||"][extra_menu_list title="Wall Lamps" link="url:%23|||"][extra_menu_list title="Floor Lamps" link="url:%23|||"][extra_menu_list title="Ceiling Lamps" link="url:%23|||"][/extra_menu][/vc_column][/vc_row][vc_row css=".vc_custom_1492520023948{margin-top: 5px !important;margin-right: -35px !important;margin-left: -35px !important;background-color: #f9f9f9 !important;}"][vc_column css=".vc_custom_1492520030804{margin-top: -34px !important;padding-left: 0px !important;}"][woodmart_brands orderby="" order="DESC" hover="alt" brand_style="default" style="grid" columns="4" ids="" number="4"][/vc_column][/vc_row]

Create an HTML block and insert this code, then add HTML block to your category menu as described https://xtemos.com/docs/woodmart/html-blocks-2/#mega_menu

Best Regards

Thanks elise

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

Best Regards

[Author]

Posts