[Resolved] hamburger menu – menu-toggle with border / frame

[Irmgard]

Hello,

I would like to have the button menu-toggle for mobile with a frame / border in the color #46223D .
I could not find an adjustment in the customizer. Tried some css, but didn’t get it work.

Do you have a css for me?

Thanks for your help :-). Best regards,

[David]

Hi there,

try this CSS:

.mobile-menu-control-wrapper .menu-toggle {
	background-color: #46223D;
}

[Irmgard]

Hi David,

At first thanks for your immediate answer.

But the css does not work, there is no frame/outline visible. Do you have any other idea?

Thanks, Best regards,

[David]

Can you share a link to your site ?

[Irmgard]

Hi David,
Unfortunately not yet, the site is locally hosted (mamp). As soon as the site is online, I will get back to you :-).
Thanks for your help.
Best regards,

[David]

Let us know 🙂

[Irmgard]

Hi David,

Somehow I got it work with following css

.menu-toggle:hover .gp-icon svg {
fill: #91B325;
}

.menu-toggle {
margin: 10px;
}

button.menu-toggle {
background-color: transparent;
border: 1px solid #46223D;
}

Pretty happy about it :-).
Love the theme.

Kind regards,

[David]

Awesome – glad to hear that 🙂

[Author]

Posts