Center nav to logo on mobile

Support
#1

Good afternoon,

I’m hoping I can get some help on how to center my collapsed navigation button with my logo. Currently the logo is aligned left the nav button aligned right but the nav button is very low, visually under the logo–is there a way I can move this up to look centered with the logo?

Thanks for any assistance you can provide!

#2

Hi @chrisstegner,

Thanks for writing in.

Add this in your custom CSS:

@media (max-width: 979px){
.x-brand img {
    width: 175px;
    display: block;
    margin: 0 auto;
} 
.x-btn-navbar, .x-btn-navbar.collapsed{
    display: block;
    margin: 10px auto;
    width: 49px;
}

.masthead-stacked .x-btn-navbar{
display:block;
}
}

Let us know how it goes.

Thanks.

#3

thank you for your input!

#4

You are welcome