Fixes for Mobile View Header

I need help fixing my mobile view header. This is what it looks like right now and I need it fixed to be a menu that opens when you click on it to say Shop, About, Learn and have the search, account, and cart be icons on the right hand side so they all fit on that view. My desktop view looks like this and I want the mobile to be more condensed but fixed.

Here is my store and password. Please help!

https://admin.shopify.com/store/miujuq-7w/themes/176465740146/editor

ethosetd

Hi @visitor1231

When it comes to mobile view issue, it is mostly due to the layout issue. You can use below CSS to have a try by adding it in the CSS tab and see if it works or not. Thank you!

.site-header .container {
    display: flex;
}
.header-right-wrapper {
    margin-left: auto;
}

By the way, the URL you shared in the question refers to the admin page, and I have no access to it, unless you update it to a domain URL, like xxx.com, so that I can further verify this issue for you, a kind reminder here.