Archived topic
Off Canvas/Mobile Toggle background color
3 replies · Started by Joseph on March 9, 2021
Is there a way to change the toggle background color, and have it fill up the entire row. I'm trying to achieve something similar to this
Hi there,
You can add background to the button specifically with this CSS:
button.menu-toggle {
background-color: red;
}
But I don't think it'll match the box of the other items(phone icon) you've added beside it because of element sizing.
Okay. I found a workaround ... I can color the entire header area, and then individually target the call now button I added to the left
This is using the alpha element feature where we can use blocks. Had to play around with spacing. I flipped the colors I wanted, because of testing. But I could totally flip it the other way, but like it this way better.
Nice one! Glad you got it sorted. :D