Header Menu Page in Collapses into Hamburger in Mobile View

Hello I am migrating from wordpress ( qaptmusic.com) and I am trying to recreate the layout as similar as possible. My menu pages in my header look great on desktop but the mobile view they all collapse into the hamburger. Is there a way to have them list 4 down or maybe 2 on the left and 2 on the right?

https://qaptmusic.myshopify.com/

This is what I want, this is how it looks on my wordpress (made with elementor)

Shopify looks like this

Hi @QAPT ,

You can custom create a section to look like the wordpress site on mobile device. For this you will have to write Custom CSS/HTML

Yes thats what i need help with