[Resolved] The color of off canvas panel

[Jusung]

Hello. I have made Off canvas panel when it is tablet or mobile.

The button color is supposed to be white since I set the color white when I make elements.

Idk why the color is gone though.
Could you check this page on mobile and off canbas panel.
There are supposed to be buttons above tab block.

[Fernando]

Hi Jusung,

It’s white from my end.

For clarity, can you take a screenshot of what it looks like from your end?

Uploading Screenshots: https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots

[Jusung]

When you see the link, there is only color on hover.

[David]

Hi there,

go to Customizer > Colors and set the Off Canvas Menu items to white.

[Jusung]

Then, the text that has link on that tab block is gone.

On the picture, you can’t see some menu on the tab block cuz it has link.

[Ying]

Hi Jusung,

You’ve set the off canvas link color to white which is the same as the background color.

Try changing the link color at customzier > colors > Off Canvas Panel > Navigation Text.

[Jusung]

Yes.

I need 2 different color on off canvas menu.
That is why I set the color on elements.

but for a reason, the color is not applied.
When I change it to black, I can’t see the button above the tab block.

[Fernando]

I need 2 different color on off canvas menu.

Which specific things are you wanting to have different colors?

[Jusung]

Like this on the link.

The button should be white while one on tab block has to be black.

[Fernando]

I see. The Tab Buttons’ colors can be modified through the Tab Button Block settings. Example: https://share.getcloudapp.com/NQuWo8w6

[Jusung]

Yeah. I am trying to set it there. But, it is not working.
I first set the color in the way you show.

But, for a reason, the color is not applied.

It is supposed to look like the link.
When I edit the element, it looks like this.
But when I check on the website, the color is gone.

[Jusung]

I can’t find the reason..
why the color is not applied..

So, I just added this code to change the color.
#generate-slideout-menu .inside-navigation .gb-tabs__item a{
color: #566270 !important;
}
#generate-slideout-menu .inside-navigation .gb-tabs__item a:hover{
color: #EE7785 !important;
}

[Fernando]

I see. Glad you found an alternative solution!

[Author]

Posts