[powrider686Participant]

Hi,
On my site – thehousethehandandthehatchet.com, I’m trying to get the mobile menu to appear in the center. Currently it displays off the the right side. What css would I need to get the menu to center on mobile devices?

I’d also like to have a few pixels of spacing on the top and bottom of the menu, so that it is not stuck to the line below. Ideally it would be centered top and bottom, left and right, below the page title.

Thanks for the help!

[RupokMember]

Hi there,

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

@media only screen and (max-width: 979px) {
.masthead-inline .x-btn-navbar {
  display: block;
  float: none;
  margin: 80px auto 10px;
  width: 42px;
}
}

Hope this helps.

Cheers!

[powrider686Participant]

Thank you!

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts