Div Block for dropdown menu on Mobile, Affects Desktop Design even its adjuested display is none

Hi i am new on webflow , i design a Restaurant page with a large menu. So on Mobile version i decided to use Dropdown menu with Menu tabs, adding a div block just top of that Tabs Menu for Dropdown Main Button.

Even it works perfectly on Mobile, Affects the Design and Click Actions on other Devices. When i delete Div Block ,problem solves but then i lose the dropdown on Mobile.

  • its selected as Display-None in all Devices except Mobile
  • I tried to adjust the Position to Absolute and also tried some changes on Z-index.
    -I tried to create whole new class for this Div Block.

But still problem continiues :frowning:

I add Some photos and link of my webside, hope someone can help me.
Thank you

Here is my site Read-Only: https://preview.webflow.com/preview/la-nonna-52?utm_medium=preview_link&utm_source=designer&utm_content=la-nonna-52&preview=6dbf4d541dc5bffebd737e8be9ab5060&pageId=656c94f3799144a33d78d74b&workflow=preview