# Hamburger Menu Icon Scaling

**URL:** <https://forum.wixstudio.com/t/hamburger-menu-icon-scaling/70739>\
**Category:** Ask the community\
**Tags:** wix-studio, question\
**Created:** [May 2, 2025, 2:35pm UTC](https://forum.wixstudio.com/t/hamburger-menu-icon-scaling/70739 "2025-05-02T14:35:38Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Regina\_Halonen](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/regina_halonen/32/107714_2.png) [@Regina\_Halonen](https://forum.wixstudio.com/u/Regina_Halonen)\
**Post date:** [May 2, 2025, 2:35pm UTC](https://forum.wixstudio.com/t/hamburger-menu-icon-scaling/70739/1 "2025-05-02T14:35:38Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![noahlovell](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/noahlovell/32/118920_2.png) [@noahlovell](https://forum.wixstudio.com/u/noahlovell)\
**Post date:** [May 12, 2025, 2:28pm UTC](https://forum.wixstudio.com/t/hamburger-menu-icon-scaling/70739/2 "2025-05-12T14:28:59Z")

</div>

Have you got an example? When you say scaling, are you referring to its position or its size?

---

<div class="post-metadata">

**Author:** ![Patricia\_Vlad](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/patricia_vlad/32/104645_2.png) [@Patricia\_Vlad](https://forum.wixstudio.com/u/Patricia_Vlad)\
**Post date:** [June 23, 2026, 5:48am UTC](https://forum.wixstudio.com/t/hamburger-menu-icon-scaling/70739/3 "2026-06-23T05:48:23Z")

</div>

I have exactly the same problem. Here is my actual design:

 ![Screenshot 2026-06-23 at 1.40.26 PM](https://us1.discourse-cdn.com/wix/original/3X/0/6/06dc2bc0fe4000fcb6473eae02995c4231579b4a.png)

And here is how it behaves when zoomed in or out:

> **[Screen Recording 2026-06-23 at 1.42.33 PM.mov](https://drive.google.com/file/d/10GBYSRvA9EfFGTv_KPZRYJx0EW3Avak8/view?usp=sharing)**
>
> Google Drive file.

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:

> **[Wix Studio: Some Buttons and Menus do not Scale Proportionally | Help Center...](https://support.wix.com/en/article/wix-studio-some-buttons-and-menus-do-not-scale-proportionally)**
>
> At the moment, the buttons from the Styled section in the add panel, as well as horizontal site menu presets do not have a Scale Proportionally option in their

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.