How to change off canvas simple hamburger menu icon into diamond hamburger

gomiemeru

How do I change ja purity IV simple hamburger off canvas icon menu (on the left) into the reference image on the right where the icon of off canvas menu hamburger inside a DIAMOND SQUARE?

thank you in advance for the reply

saguaros

gomiemeru Hi

It will require a bit customization, you can try this:

#triggerButton {
    position: relative;
    width: 35px; /* Adjust size as needed */
    height: 35px;
    background-color: purple; /* Adjust color as needed */
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(45deg); /* Rotates the square to create a diamond */
}

#triggerButton .c-button__text {
    transform: rotate(-45deg); /* Rotates the icon back to its normal position */
}

#triggerButton .toggle-bars {
    font-size: 24px; /* Adjust size as needed */
    color: white; /* Adjust icon color as needed */
}