Docs

[goalsarecool]

Can you please tell me how to move the mobile menu button to the center of the screen and up just a tad?

Thanks!
Blake

[Rupok]

Hi there,

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

.masthead-inline .x-btn-navbar {
  display: block;
  float: none !important;
  height: 50px;
  margin: 90px auto 20px;
  width: 50px;
}

Hope this helps.

Cheers!

[Joao]

Hi Blake,

I believe I have a better solution for you. Your nabvbar Icon is following down because your logo is too big to be aligned with it on mobile as it should be , so by adding this code below you will fix this issue.

Please add the following code to your appereance / Customizer / Custom / CSS

@media only screen and (max-device-width: 480px) {

.x-brand img {

width: 250px;

} }

You also can adjust the size of your navbar button by going to your Appereance / Customizer / Header and scroll all the way down and you will find the MOBILE BUTTON options for Size and Alignment.

Hope that helps,

Joao

[goalsarecool]

That did not work. Can you please assist?

Also, can I include the following on top of the code to identify what the code is for?

/* Mobile – Menu Button Aligned */

[Joao]

Hi Blake

I am sorry I didn´t realize Rupok had answered you already when I answered before I did.

His solution might work as well.

Regarding my solution please try this instead:

@media only screen and (max-width: 480px) {
.x-brand img {
width: 70%;
position: absolute;
top: 20px;
}
}

Hope that helps,

Joao

[goalsarecool]

That worked… thanks!

Can I include the following above the CSS code so that I can identify what it’s for?

/* Mobile – Menu Button Aligned */

Thanks again!
Blake

[Friech]

Sure thing, we’re delighted to assist you with this.

Cheers!

[Author]

Posts