Alignment issues with mobile nav

[msindel1]

Hello!

I need some help with my mobile nav hamburger menu icon. It renders fine until the window is small enough that the menu bumps up against the logo. After that happens there is a ton of space added above and below the icon and its aligned right and I would like it centered.

I have tried multiple things to fix and haven’t been successful. Can you help?

Attached are examples and the site is deblasis.com.

[nico]

Hi @msindel1,

Thanks for writing in.

You can use this code below in X > Theme Options > CSS:

@media (max-width: 397px){
.x-btn-navbar, .x-btn-navbar.collapsed {
     width: 50%;
    margin-top: 6px;
}
}

Let us know how it goes.

Thanks.

[msindel1]

That worked perfectly. Thanks a bunch!

[rad]

You’re most welcome!