How can I fix disappearing menu items in mobile layout?

Store Design
1

hello everyone,

searching for a solution to fix following issue.

i like to have the header menu items on the left site and the logo in the middle

i used following code to change the position of the header items

@media screen and (min-width: 990px) {
.header:not(.header–middle-left) .header__inline-menu {
position: absolute;
left: 0;
margin-top: -70px;
left: -360px;
top: -30px;

.header {
position: relative;

}
}}

it is working fine until i make the page smaller

HOME, SHOP ALL, FAQ dissapears while making the page smaller

is there a way to fix “HOME, SHOP ALL, FAQ” until it reach a size to switch it to mobile layout?

waiting for your feedback and thanks in advance :slightly_smiling_face: