Align Header Icon in Mobile View

  • Resolved Sahil Dadwal

    (@jack2020)


    3 years, 11 months ago

    How to align Header menu icon to left side and search icon move to right side in Mobile View

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

Viewing 1 replies (of 1 total)

  • Hi there,

    try this CSS:

    @media(max-width: 768px) {
    .main-navigation.has-branding .menu-toggle {
        order: -1;
    }
    /* optional CSS to center the title */
    .main-navigation.has-branding .navigation-branding {
        margin: unset;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%); 
    }
}

    Note the optional CSS to center the site title.

Viewing 1 replies (of 1 total)
  • The topic ‘Align Header Icon in Mobile View’ is closed to new replies.