Archived topic
Position of the mobile menu label
5 replies · Started by Pieter on August 3, 2021
Hi there,
By default the label for the mobile menu comes right after the hamburger icon. How do I place the label left of the icon?
I tried:
.menu-toggle {
display: flex;
align-items: center;
}
.gp-icon {
order: 1;
}
But it doesn't nicely center the label and icon vertically.
Hi there,
that should work fine, can you share a link to site so i can see the issue?
The site is local for now unfortunately.
This is what I achieved: https://snipboard.io/pW1zPX.jpg
There is some space above the svg's inside the span that I cannot get rid of: https://snipboard.io/Yz1noE.jpg
Can you inspect the text element as well so i can see if that has any margins attached to it?
There's no extra space around the text element. I solved it like this:
.gp-icon {
position: relative;
top: -2px;
order: 1;
}
Thanks for your help!
Glad to hear that
