My menu icons “Menu” and “Close” are not scaling to screen sizes. How do I get them to be responsive?
I’m using Wix Studio Editor.
My “menu” and “close” hamburger buttons are already set to “Relative Width” and I have tried many different margin docking variations, even placing them in a container with a hidden element… Nothing seems to work, and the placement is always off on either a larger screen or a smaller screen.
Have you got an example? When you say scaling, are you referring to its position or its size?
I have exactly the same problem. Here is my actual design:
And here is how it behaves when zoomed in or out:
You can see how the other 2 elements work correctly and scale proportionally. However, the hamburger menu behaves exactly in the opposite scaling direction. I have tried placing it in a container, in a cell, inside a stack with the other buttons, etc. - nothing works even though everything is docked correctly and with the same units.
All I could find is this article saying some buttons don’t scale proportionally:
I would think that the Hamburger Menu is such a classic design icon, I am surprised this is not an issue reported by more people. Also, it has been years since this issue was there and Wix has not fixed it. My website has a totally unprofessional look because of this on some screen sizes.
