[Resolved] change the alignment of menu toggle

[Gerrit]

Hi, how do I change the alignment for the menu toggle bars. Right now it is not centered with the background. Also, how do I change the color of the bars when hovering?

Thank you

[Fernando]

Hi Gerrit,

The SVG icon is centered. It just doesn’t look like it because of its design. One thing you can do is to upload a different SVG, or you can add a little more bottom padding to make it center.

Sample code:

span.gp-icon.icon-menu-bars {
    padding-bottom: 13px;
}

Alternative:

span.gp-icon.icon-menu-bars svg {
    padding-bottom: 3px;
}

As for the menu SVG color on hover, you can try this:

.menu-toggle:hover span.gp-icon.icon-menu-bars svg {
    fill: #fff;
}

[Gerrit]

Thank you!

[Fernando]

You’re welcome Gerrit!

[Author]

Posts