How to fix compatibility issue with Iphone devices?
-
I’m using the default prebuilt website from woodmart, but, i have an issue with the menu where all iPhone users when they navigate menu then go to categories section, all text shifts to the right side and icons stays in the middle, it should be aligned left side so everything can be visible, as this glitch doesn’t show categories names, only icons and shifted to the middle.
Attachments:
You must be
logged in to view attached files.
Hello,
The issue is not in the compatibility. The issue in the SVGs that don’t have width and height attributes.
You need to 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
Kind Regards
is this for custom icons? as, I am using the default icons from the theme itself
Hello,
Yep, 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
.
