[Resolved] Hamburger on Left Side for Mobile Sites

Home Forums Support [Resolved] Hamburger on Left Side for Mobile Sites

Home Forums Support Hamburger on Left Side for Mobile Sites

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1631222
    Atip

    Currently, Hamburger is on right side. I would like to move it to the left side on a mobile site. Is it possible with Generate Press?

    #1631303
    David
    Staff
    Customer Support

    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

    #1632973
    Atip

    Hello Dave.

    Here is my site.

    http://bodhigaya.com

    #1633013
    David
    Staff
    Customer Support

    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.

    #1633016
    Atip

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

    #1633017
    David
    Staff
    Customer Support

    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%);
      }
    }
    #1633672
    Atip

    Thank you very much !!!

    #1633906
    David
    Staff
    Customer Support

    You’re welcome

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.