Docs

[reddsyn]

The nav bar shows up fine on desktop, but on mobile it is condensed into a button due to lack of space.
This menu button id positioned below the logo and looks ugly.
How do I move this to the left or right of the logo?

[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.

[reddsyn]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for updating.
You can add this under Custom > CSS in the Customizer.

.masthead-stacked .x-btn-navbar {
  float: right;
  margin-top: -110px;
}

Hope this helps.

Cheers!

[reddsyn]

That worked.Thanks
But now, there is a blank column of space where the navbar used to be.
How do I remove that?

[Jack]

Hi there @reddsyn,

Thanks for writing back, that blank space is actually where the mobile navbar will open on click of the nav button (screenshot attached, the highlighted area is the nav area).

Removing that will stop the nav from showing, was you hoping for the nav to fly out to the right where you have the button?

Thank you!

[Author]

Posts