[Support request] Position of the mobile menu label

[Pieter]

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.

[David]

Hi there,

that should work fine, can you share a link to site so i can see the issue?

[Pieter]

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

[David]

Can you inspect the text element as well so i can see if that has any margins attached to it?

[Pieter]

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!

[David]

Glad to hear that

[Author]

Posts