Moving Menu button in Mobile View

kentsekk

Hi, we would like to move the Menu button to left in mobile view as attached image, and change the color to white.

May we know how do we do?

Thanks a lot.

saguaros

I updated this custom CSS code:

@media (max-width: 991px) {
.jub-block.header-1 .header .header-top .navbar-header {
    float: left;
}

.jub-block .header .navbar-toggle .icon-bar {
  background-color: #ffffff
}
}

Kindly check.

paulus1031

Try adding something along the lines of

@media (max-width: 480px) {
.jub-block.header-1 .header .navbar-header {float: left; margin-left:10px}
}

.jub-block .header .navbar-toggle .icon-bar {background-color:#fff}

paulus1031

I should also mention this will put the mobile icon under the edit button
So it may appear to disappear

Cheers
Paul

kentsekk

thank you so much to saguaros and paulus1031, i have learned a lot.

kentsekk

btw, can the menu and the multi language button place in same row as attached image, thanks for help.

saguaros

kentsekk

I updated a bit:

@media (max-width: 991px) {
.jub-block.header-1 .header .header-top .navbar-header, .jub-block.header-1 .header .header-top {
    float: left;
}

to make it float to the left, kindly check.

Regards

kentsekk

Many thanks Saguaros!!