[Resolved] Center sticky nav logo

Home Forums Support Center sticky nav logo

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1056224
    Immi

    How to Center nav logo
    I’m using Navigation as Header and i want to display the logo in center for mobile devices.

    #1056235
    Leo
    Staff
    Customer Support

    Hi there,

    Remove this CSS you’ve added:

    .site-logo.mobile-header-logo {
        margin-left: 0 !important;
    }
    #mobile-header button.menu-toggle {
        position: absolute;
        left: 1px;
    }
    #mobile-header .mobile-bar-items {
        margin-left: auto;
    }

    and try this instead:

    .navigation-branding, .site-logo.mobile-header-logo {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        margin-right: auto;
        margin-left: auto;
    }
    .main-navigation .mobile-bar-items {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
    }
    #1056259
    Immi

    Thanks Leo

    #1056260
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.