Mega Menu Category Images Not Loading

I’m trying to use the menu-category image option, but the images aren’t loading. Is there something I’m missing?

I think I have that part, but how do I get product categories into the mega menu? When I add them they don’t have the menu-category option.

Hello,

You can add Product Categories to your menu via Appearance -> Menus. If you don’t see the product categories in the list, check your Screen Options in the right corner on the menus page. Product categories have to be enabled there.

Regards

I don’t have the mega menu option.

Attachments:

You must be logged in to view attached files.

You need to save the menu first and reload the page after adding your items. Then, you will see our custom fields.

Where are the HTML Blocks?

Also, why do the icons offset so much?

Attachments:

You must be logged in to view attached files.

You need to change the “Design” option to see the HTML Block select. What do you mean about the icons offset?

See attached

Attachments:

You must be logged in to view attached files.

Hi,

To fix this problem, you need to open your SVG icons file with some editor like Sublime Text or default system text editor and add height and width attributes to your <svg> tag like it is shown on the screenshot https://gyazo.com/83fd36b0bb9628bb1aed2bd3d5d063c5
Then you will need to reupload your icons in WordPress Dashboard.

Regards

I updated this, but the vector was damaged in the process.

I updated all the 511 to 0 0 120 120

Also, doesn’t it need to be white for the title/navigation screen (not sure how to change the color)

<?xml version=”1.0″ encoding=”iso-8859-1″?>
<!– Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) –>
<svg width=”120″ height=”120″ version=”1.1″ id=”Capa_1″ xmlns=”http://www.w3.org/2000/svg&#8221; xmlns:xlink=”http://www.w3.org/1999/xlink&#8221; x=”0px” y=”0px”
viewBox=”0 0 120 120″ style=”enable-background:new 0 0 120 120;” xml:space=”preserve”>

Attachments:

You must be logged in to view attached files.

Sorry, but we don’t have advanced tutorials about how to work with SVG graphics. You need to use some software like Illustrator to change the color. Or find some person that can handle these icons for you.
Personally, we use icons from this resource https://www.flaticon.com/

Last question on this:

Where do you change the background color of the drop-down on the shop pages? They’re black and it hides the icon.

Try to add the following code snippet to the Custom CSS area in Theme Settings to do this

.color-scheme-light .woodmart-product-categories .children {
    background-color: #2b77c8;
}

[Author]

Posts