Site logo

Archived topic

Off Canvas/Mobile Toggle background color

3 replies · Started by Joseph on March 9, 2021

Viewing posts 1–4 of 4

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

https://prnt.sc/10hrmhx

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

This archived topic is closed to new replies.