Menu Layout not working in Safari
-
Hi,
in Chrome the menu is fine. Safari is ripping it apart. How to fix it?
Thanks
Attachments:
You must be
logged in to view attached files.
Hello,
The issue is related to the SVGs themselves, they should have the default width and height attributes. We will add the default width and height attributes to our SVGs in the future update.
Also, you can use the code for help. Define it in Theme Settings -> Custom CSS.
.wd-nav-mobile {
--nav-img-width: 18px;
}
Kind Regards
Hi Luke,
thanks for the quick reply.
It seems not to help. Any idea?
Thank you
Attachments:
You must be
logged in to view attached files.
In this case, open your SVG icons file with some editor like Sublime Text or default system text editor and add width=”31″ height=”40″ attributes to your svg tag like it is shown. Then you will need to re-upload your image in WordPress Dashboard.
https://prnt.sc/N-wyqYgD3npT
Also, you can try to use the code below:
.whb-header .menu.wd-nav-vertical {
--nav-img-width: 18px;
}
Kind Regards
This didn’t work for me.
But this:
.menu-item .wd-nav-img {
--nav-img-width: 18px;
}
Okay. Does your code work for you? If so, let me know.
Kind Regards
.
