Docs

[bergtop]

Hello,

On the forum I found this code to always show the the mobile menu.

.x-navbar {
  text-align: Center;
}

.x-navbar .desktop {
    display: none !important;
}

.x-navbar .x-btn-navbar {
    display: inline-block;
}

.x-nav-wrap.mobile.collapse.in {
  display: block;
}

.x-nav-wrap.mobile.collapse {
  display: none;
}

.x-nav-wrap.mobile {
  display: block;
}

It works great, but it pushes the mobile menu to the center, but I prefer it to be on the right. It goes to the right with text-align but the the text…also goes to the right.

any suggestions?

Regards,
Dimitry

[bergtop]

Oh…

And my website is…

http://www.brainbulb.nl/home

[Lely]

Hello Dimitry,

To move the mobile menu button to the right, please update this:

.x-navbar .x-btn-navbar {
    display: inline-block;
}

To this:

.x-navbar .x-btn-navbar {
    display: inline-block;
    float: right;
}

Hope this helps.

[bergtop]

Thanx, it works.

I wonder is there any possibility to change the width of the mobile menu?

Thx in advance,
Dimitry

[bergtop]

I solved it.

`.x-navbar .mobile .x-nav {
background: white;
border-radius: 7px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
width: 300px;
float: right;
}
,

Added width and float to right.

[Joao]

Glad to hear it.

Let us know if we can help you with anything else.

Joao

[Author]

Posts