Docs

[Eric]

Hi Guys!

I’m trying to center the mobile menu and see a few request in the knowledgebase and have tried this:

.masthead-inline .x-btn-navbar {
float: none;
}

.x-btn-navbar {
margin: 0 auto;
width: 40px;
}

It centers the menu, but it make the button tall and behind the logo? Is there something else I should have in there?

[Jade]

HI there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Eric]

http://btn.simplelogicdigital.com/

[Thai]

Hi There,

Please try with this CSS:

.masthead-inline .x-btn-navbar {
    float: none;
    clear: both;
    max-width: 51px;
    margin-left: auto;
    margin-right: auto;
}

Hope it helps 🙂

[Eric]

Perfect! Thanks!

[Eric]

Ok perfect on mobile, but in tablet view its in the middle but would look better like the original over to the right.

[Eric]

I fixed it! using @media(max-width: 569px)

[Thai]

If you need anything else please let us know.

[Author]

Posts