Menu and Logo get messed up when view in 320px or lower Screen size.?!

Hi there,

Can you link me to the page in question?

Thanks ??

@leohsiang Kindly Check..
https://www.techswifty.com/test/

There is just not enough space for all three items to stay in one line.

What if we remove the mobile menu label?

.menu-toggle .gp-icon+.mobile-menu {
    display: none;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

To add to @leohsiang answer, you can use this CSS to reduce the width of the logo for devices below 400px. This will make the items contained in one line up to 320px.

@media (max-width: 400px) {
.navigation-branding {
    width: 180px;
 }
}

@askel45 @leohsiang Thanks To Both.. Problem Solved

No problem ??