[Resolved] I want Menu text then burger icon instead of Burger+Menu

Home Forums Support I want Menu text then burger icon instead of Burger+Menu

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1393648
    Vishvendra

    The default Hamburger comes before the Menu text. But I want them to change their on each others.

    Right now it’s Hamburger Icon then Menu Text.

    But I want Menu Text + Hamburger Icon.

    Would you please suggest me how I can achieve that. Though I have applied multiple CSS to achieve current style for mobile only. If possible, can you also suggest me simplified wway.

    Thanks 🙂

    #1394064
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    @media(max-width: 768px) {
        .nav-search-enabled .main-navigation .menu-toggle {
            display: flex !important;
            flex-direction: row-reverse;
            align-items: center;
        }
        
        .menu-toggle .mobile-menu {
            margin-left: 0;
            margin-right: 3px;
        }
    }
    #1394566
    Vishvendra

    Perhaps it’s working but it also showing menu and hamburger in the desktop menu at the top left corner, which I don’t need I just want to customize mobile menu.

    #1394572
    David
    Staff
    Customer Support

    Updated the CSS above.

    #1394573
    Vishvendra

    However, I made changes in the CSS you provided. Do you think there’s a problem in it.

    .nav-search-enabled .main-navigation .menu-toggle .mobile-menu {
    flex-direction: row-reverse;
    align-items: center;
    }

    .menu-toggle .mobile-menu {
    margin-left: 0;
    margin-right: 3px;
    }

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