Prevent sidebar overlap when resizing browser

Hi!

If this navigation is regarding the “playpage text section” section, I would suggest:

1 - Wrap all containers of the section inside of a div block called “containers-wrapper” and wrap the component “side nav bar” into a div called “side-bar-component_wrapper”

2 - Change the section “playpage text section” to position “relative” (So all absolute or sticky elements will be relative to the section) and display “flex” with 0 gap.

3 - Change the padding-top of the “side nav wrapper” component to 4rem and set the position to static

4 - Set the “side-bar-component_wrapper” position to “sticky” with top “0”
Screenshot 2023-07-25 at 09.53.29

This should works!

If it works, set this comment as solution and connect with me on Instagram and you are free to ask if you need more help in the future :smiley:
https://www.linkedin.com/in/alexis-matos/