Hamburger menu won't expand when touched

[lvnilesh]

Please open this test site using X https://thecloudseminar.com in an iphone/ipod or other similar devices in portrait mode.

Notice the hamburger menu always go to buddypress user profile https://thecloudseminar.com/members/buddypress/profile/ and not expand to show several other items that are in the menu that you can see in full browser mode.

Appreciate your help in getting this to work properly. Thanks.

[ruenel]

Hello There,

Thanks for writing in! Your mobile menu is behind the custom menu added in the topbar. To resolve this issue, please have this code remove first:

/* top nav */
.x-topbar .x-nav {
  text-align: center;
  float: none !important;
}

You will need to replace it with this code instead:

/* top nav */
.x-topbar {
    text-align: center;
}

.x-topbar .x-nav {
  text-align: center;
  float: none !important;
  display: inline-block;
  margin: 0 auto;
}

We would loved to know if this has work for you. Thank you.