Archived topic
The color of off canvas panel
12 replies · Started by Jusung on March 29, 2023
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.
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
When you see the link, there is only color on hover.
Hi there,
go to Customizer > Colors and set the Off Canvas Menu items to white.
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.
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.
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.
I need 2 different color on off canvas menu.
Which specific things are you wanting to have different colors?
Like this on the link.
The button should be white while one on tab block has to be black.
I see. The Tab Buttons' colors can be modified through the Tab Button Block settings. Example: https://share.getcloudapp.com/NQuWo8w6
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.
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;
}
I see. Glad you found an alternative solution!