Archived topic
Mobile "Menu" Text on the other side
5 replies · Started by Benny on April 7, 2022
Hey there, is it possible to have the word "Menu" on the other side of the burger 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!
Here is the image as a link. Dont know why its not working --> https://ibb.co/Jr5t1PW
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.
Works perfectly. I added the menu label to the mobile burger menu.
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;
}Works too, as expected. Thank you very much :)
