[Resolved] Mobile “Menu” Text on the other side

Home Forums Support [Resolved] Mobile “Menu” Text on the other side

Home Forums Support Mobile “Menu” Text on the other side

  • This topic has 5 replies, 2 voices, and was last updated 4 months ago by fragbenny.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2180785
    fragbenny

    Hey there, is it possible to have the word “Menu” on the other side of the burger menu?
    Image of the menu

    And a second thing i noticed, the burger becomes an X and if one clicks again, sometimes its not in the right state (offcanvas menu is closed but there is still an X). You can see it if you test the mobile site –> http://bauklempnerei.yjhgnw4le7-lxd6rge5949g.p.runcloud.link/

    Thank you!

    #2180788
    fragbenny

    Here is the image as a link. Dont know why its not working –> https://ibb.co/Jr5t1PW

    #2180798
    David
    Staff
    Customer Support

    Hi there,

    add this CSS to fix the open close icon issue:

    
    html.slide-opened .menu-toggle .icon-menu-bars svg:nth-child(1),
    html:not(.slide-opened) .menu-toggle .icon-menu-bars svg:nth-child(2) {
        display: none !important;
    }
    
    html:not(.slide-opened) .menu-toggle .icon-menu-bars svg:nth-child(1),
    html.slide-opened .menu-toggle .icon-menu-bars svg:nth-child(2) {
        display: block !important;
    }

    If you can add the Menu Text ill take a look at the CSS for switching its side.

    NOTE: If you add an image from a share drive, just add the link as you did in your reply. You only us the IMG button if the URL is a direct link to that image.

    #2181776
    fragbenny

    Works perfectly. I added the menu label to the mobile burger menu.

    #2181818
    David
    Staff
    Customer Support

    Try this CSS:

    #mobile-header .menu-toggle {
        display: flex !important;
        flex-direction: row-reverse;
        align-items: center;
    }
    
    .menu-toggle .gp-icon+.mobile-menu {
        padding-left: 0;
        padding-right: 9px;
        margin-bottom: -4px;
    }
    #2181824
    fragbenny

    Works too, as expected. Thank you very much 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.