Archived topic
change the alignment of menu toggle
3 replies · Started by Gerrit on September 20, 2022
Viewing posts 1–4 of 4
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
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;
}Thank you!
You're welcome Gerrit!
This archived topic is closed to new replies.
