Join the Webstudio community

Updated 6 months ago

Hamburger menu

At a glance

The community member is experiencing an issue with their hamburger menu freezing after use. Other community members provide suggestions, such as providing a link to the published site, exact steps to reproduce the issue, and testing on different browsers and operating systems. They also discuss the issue being related to a table on the page that needs adjustments. Eventually, the community member finds the issue and resolves it, thanking the others for their help. The discussion also includes advice about managing breakpoints and table design for responsive layouts.

Useful resources
Does anyone have an idea why my hamburger menu freezes after using it?
1
O
S
J
19 comments
Will need:
  1. Link to published site
  2. Exact steps for reproduction
  3. Eventually also builder link
Also did you try to reproduce it with blank page and the component without any of your changes?
Also what browser/os are you testing with
Hamburger menu is visible from 767
I can't scroll after clicking
Happens on every browser
also am i doing the repro right? it seems to be working for me
Its because of this table, needs lot of adjustments to fit. Also
Attachment
IMG_0417.png
Hamburger menu works fine, clicking links on it makes it freeze
Per Olegs instructions would have been really helpful if you followed them. Didn't get repro steps and didn't get minimal repro with blank page.

Took a bit to find you have custom code doing something with the menu and setting overflow hidden.
Attachment
image.png
Thanks! will look into it
Changed it and works like a charm. Sorry for the lack of providing information. It is my first website project. Thanks again for all the help🙏
glad its working. and all good
Hey @SukadeNft, instead of all those breakpoints you could adjust your table design to work with way less effort on your part. Trying to manage all of those breakpoints will become a nightmare to you.
It already is a nightmare😅… gonna try and build it from scratch with 3 breakpoints tomorrow
@SukadeNft, Here's an example that I made a while ago. There's no real styling as I built it to grab data from a database not explicitly for table design. As you can see in the video, I left the default breakpoints and really only adjusted the design at 1 of those points. You don't want to be removing content at different breakpoints, it should remain the same for users no matter the device size they are on, but you can absolutely change how that content is displayed. If you need more details let me know.
Great design! this is what I’m trying to achieve (without the borders)
Add a reply
Sign up and join the conversation on Discord