Archived topic
hamburger menu - menu-toggle with border / frame
7 replies · Started by Irmgard on June 8, 2022
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,
Hi there,
try this CSS:
.mobile-menu-control-wrapper .menu-toggle {
background-color: #46223D;
}
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,
Can you share a link to your site ?
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,
Let us know :)
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,
Awesome - glad to hear that :)