[Resolved] How reorder the mobile header icons

Home Forums Support How reorder the mobile header icons

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1430574
    Mohamed

    Hello,
    How can I control the places of icons in the mobile header if I want
    logo — cart icon — menu — search ?
    Can it be in customizer to give flexible control?

    2-when scroll the menu go to left and the screen size not fit to mobile screen size!!
    I don’t want the horizontal scroll and the menu fit to width

    #1430664
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    .rtl .navigation-branding,
    .rtl .site-logo.mobile-header-logo {
        order: 4;
        margin-left: unset;
        margin-right: auto;
    }
    
    .rtl .mobile-bar-items {
        position: static;
    
    }
    
    .main-navigation.has-branding .menu-toggle {
        order: 2;
    }
    
    .rtl .mobile-bar-items.wc-mobile-cart-items {
        order: 3;
    }
    #1431515
    Mohamed

    Thanks

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