How can I fix a too wide or hidden mobile navigation menu?

Store Design
1

I’m having trouble trying to fix my mobile nav.

Things were jumping around on mobile, so I added this:

@media (max-width: 580px){
body, html{
overflow-x: hidden;
}
}

Now the nav is too wide/hidden.

I would be so appreciative of any help!!!

1 Like
2

@Lisa121

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width: 749px) {
.site-header__logo-link {
    font-size: 20px;
}
}

Hope this works.

Thanks!

1 Like
3

@dmwwebartisan You are amazing. Thank you, thank you!

1 Like