Streaming live at 10am (PST)

Custom build drop down menu isn't responsive?

Hi Webflow community,

Hope that you can help me out with the following situation:
I designed 2 different drop down menus for desktop and mobile, but when I am resizing the mobile version the drop down will not fill the entire page and the text isn’t centered anymore.
To make this I used the following tutorial:

Maybe it isn’t working because I used grid?
I saw somewhere on the forum you shouldn’t use absolute when you don’t know what your’e doing (I think I am in that category)

Could someone tell me what I am doing wrong and how to fix this problem?

Here is my site Read-Only:

Using Flexbox for that device fixes it.

Thanks Vincent for the quick reply!
I adjusted like you describe above, but following problem still exists.
It seems I set somewhere a curtain width, but I am not aware of this.