Hamburger on Left Side for Mobile Sites

Hi there,

can you share a link to the site so i can see your layout - i will then provide whats required to move the hamburger

Hello Dave.

Here is my site.

http://bodhigaya.com

Try this CSS:

#mobile-menu-control-wrapper {
  order: -1;
  margin-left: unset;
  margin-right: auto; /* Force site title to right */
}

Note the comment on the margin-right property - this will align the title to the right hand side, if you want to keep the title beside the hamburger then delete that line.

If possible in addition to moving Hamburger to left side, I would like the title to be centered — Only while in a mobile site.

For that you would use this CSS:

#mobile-menu-control-wrapper {
  order: -1;
  margin-left: unset;
  margin-right: auto; 
}
@media(max-width: 768px) {
  .site-branding {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
  }
}

Thank you very much !!!

You're welcome