Docs

[John]

Hey guys I’m trying to get the mobile button to appear in the center of the top nav bar, when viewed on a mobile phone. Plz see attached screen img.

But here is the trick when X is being viewed on a platform with enough restate to view the mobile button and the logo stacked inline (say like on a tablet or bigger smart phone) I would like the site logo on the left, and the mobile nav button on the right.

Here is the site I’ve been working on:

http://www.freedoms-edge.com

So far I’ve tried playing around with the CSS but I haven’t had any luck. Thanks for the help once again!

[Lely]

Hi There,

Thank you for the screenshot.
Please add the following custom CSS on Appearance > Customize > Custom > Edit Global CSS:

@media (max-width: 979px){
.masthead-inline .x-btn-navbar {
    display: inline-block;
    margin-left: 48%;
    float: none;
}
}

Hope this helps.

[John]

OMG, you guys are just the best!

[Jade]

You’re most welcome John.

[Author]

Posts