How to hide burger menu on mobile portrait?

Hello!

I created a navbar that has a regular burger menu in tablet, mobile landscape and mobile portrait. I want to hide and disable the burger menu and the dropdown in mobile portrait only.

When in mobile portrait, I select the Menu Button, go to Display: hide. However, nothing happens.
When I select an icon inside the Menu Button and select display: hide, it hides the image. But it doesn’t solve the problem as the burger menu button is still clickable and activates the dropdown when clicking.

I also tried to assign Width and Height 0 px to the Menu Button and position: Absolute to get rid of it. Unfortunately, it is not an option.

Please help to get rid of the burger menu button and the dropdown in mobile portrait only.


Here is my site Read-Only: https://preview.webflow.com/preview/mariaportfolio?utm_medium=preview_link&utm_source=designer&utm_content=mariaportfolio&preview=647082a99d9c7497bbc40e2316dbf671&workflow=preview
(how to share your site Read-Only link)