Mobile Menu Button Touching Bottom of Header

Support
#1

Hello! On my site www.puno.com, the mobile menu button is aligned properly on tablet view, but when viewing it on a mobile phone, the button is touching the bottom of the header. I’d like it to be next to the logo or at least not touching the bottom of the header. The layout is set to inline currently so I’m not sure why this is not changing.

#2

Hi,

To fix it, you can add this in X > Launch > Options > CSS

@media(max-width:480px) {
.x-brand img {
    width: 250px;
}

.x-btn-navbar {
    margin-top: 15px;
}
}

Hope that helps.

1 Like
#3

Hi Paul,

Thank you so much, that worked!

#4

You are most welcome. :slight_smile: