Position hamburger menu next to logo

Support
#1

Hi everyone,

I have a problem with the tablet/mobile menu. On desktop view the menu is stacked with the logo horizontal aligned in the middle
But when it collapse, the hamburger menu will appear under the logo on the right side (see photo), but I really want this hamburger next to the FitnessWorx logo on the right. (see red arrow)

I hope someone can help me, thank you in advance!

Link: testing.fitnessworx.nl

With kind regards,

Melvin

#2

Hey,

After inspected your site with the console, I saw that you`re using some custom codes, so, for now, remove these custom codes and check the site again.

#3

Hi John,

Thank you for helping me! I have removed a lot of the custom codes that were related to the navbar inner and logobar. What is the next step for me to get the hamburger menu next to the Fitnessworx logo?

Thank you in advance,

With kind regards.

Melvin

#4

Hi There,

Please add this custom CSS under Customizer > Custom > Global CSS:

.x-btn-navbar {
    float: right;
    margin-top: -60px;
}
.x-btn-navbar i:before {
    color: #fff !important;
}
.x-navbar-inner {
    min-height: auto;
}
#5

Yeah that worked fine! Thank you very much!

#6

Glad to hear it!