Hamburger Menu

  • 0754ben84
    November 27, 2025 at 3:10 am

    Hi Guys,

    On my hamburger menu, I’ve changed the background radius to 100px using the following code as I want it to be a circle.

    /*mobile menu*/
nav button.menu-toggle {
    background-color: #f4b400 !important;
    border-radius: 100px;
		border: 3px solid;
}

nav button.menu-toggle .gp-icon svg {
    color: #000;
}

    But the top and bottom edges aren’t quite round

    How can I fix this?

    Thanks

  • Ying
    November 27, 2025 at 9:48 am

    Hi there,

    Try 100% instead of 100px.

    And you need to make sure the menu-toggle is a square before you apply the border-radius.

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.