Product Archive Category menu width issues

Hello,

I can’t find a way in the back-end to manipulate the width.
For some reason, the width is too less.

See Screenshot:

Attachments:

You must be logged in to view attached files.

[Luke Nielsen]

Hello,

Your SVG icons don’t have the width and height attributes so your menu looks weird, please try to open your SVG icons file with some editor like Sublime Text or default system text editor and add these attributes to your <svg>tag like it is shown: http://prntscr.com/l897ta

Then you will need to re-upload your icons in WordPress Dashboard.

Kind Regards

• This reply was modified 3 years, 1 month ago by Luke Nielsen.
• This reply was modified 3 years, 1 month ago by Luke Nielsen.
• This reply was modified 3 years, 1 month ago by Luke Nielsen.

[niwo]

Instead of doing it for each icon, is it possible to make it global via css?

Regards

EDIT:

If I set the width for this class to 40px, it works fine on desktop.

BEFORE:
.mega-menu-list img, .wd-nav-img {
display: inline-block;
margin-right: 7px;
max-height: 18px;
width: auto!important;
}

AFTER:
.mega-menu-list img, .wd-nav-img {
display: inline-block;
margin-right: 7px;
max-height: 18px;
width: 40px !important;
}

• This reply was modified 3 years, 1 month ago by niwo.

[niwo]

There is a new issue since the latest update.
Please take a look at the footer.

The width is suddenly on 100 %.
Why?

Regards

EDIT:

.wd-lazy-load {
width: 100%;
transition: all .3s ease;
transform: translateZ(0);
}

• This reply was modified 3 years, 1 month ago by niwo.

Hello,

1. Yes, it is possible to use your custom CSS instead of doing it for each icon but if you want to use these icons somewhere else you will have the same problem so will be better if you add width and height attributes to the icons and re-upload them.

2. Sorry about this issue it will be fixed in our next update, to be able to fix it now please enter the below code to the “Global Custom CSS” area that is in Theme Settings -> Custom CSS.

.wd-image .wd-lazy-load {
	width: auto;
}

If you ever need to reach out to me, please do not hesitate to do so.

Kind Regards

Thank you.
Bug is gone. 🙂

Hello,

I’m glad we managed to sort this out.

Always remember that you can reach out to us with any questions you may have.

We wish you a splendid day!

Kind Regards

[Author]

Posts