Switch The Handheld Menu and The Title

  • Zak

    (@zakplaskow)


    4 years, 8 months ago

    At the moment the handheld menu is on the right and on the left is the title.

    Is their a way to have the handheld menu on the left and the title on the right.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Zak

    (@zakplaskow)

    I seem to have no reply. I was wondering how to change the mobile interface at the top of the screen.

    Is this possible?

    Thread Starter Zak

    (@zakplaskow)

    How do I fix my problem? The Menu Is on the right and I would like It on the left!!!

    This is because mobile website standard practice is to have the menu on the left.

    I would try the following in Appearance->Customize->Additional CSS

    @media screen and (max-width: 568px) {
  .site-header {
    margin-bottom: 0px !important;
  }
  .site-header .col-full {
    display: inline-block;
    float: right;
    margin: auto;
    max-width: 75%;
  }

  .site-header .col-full .site-branding {
    float: right;
    text-align: center;
    width: calc( 100% - 40px);
  }

  .storefront-primary-navigation {
    display: inline-block;
    float: left;
    margin-left: 20px;
    max-width: 25%;
  }

  .storefront-primary-navigation .col-full {
    margin: auto;
  }
}

    Seems to work pretty well across different device widths when testing in the browser.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Switch The Handheld Menu and The Title’ is closed to new replies.

Tags