Home › Forums › Support › How to change the color of the Off Canvas Menu strip and "Menu" font color? This topic has 5 replies, 2 voices, and was last updated 2 years, 11 months ago by Leo. Viewing 6 posts - 1 through 6 (of 6 total) Author Posts February 9, 2020 at 4:23 am #1159458 Yang Hi, I am developing my site with GP Premium 1.9.1. I am using the Off Canvas Menu Overlay. But I want to change the color of the menu strip (the three white lines) on my desktop and also the font color “Menu” on mobile? What CSS should I add for this? Thanks! February 9, 2020 at 9:34 am #1159792 LeoStaff Customer Support Hi there, This CSS should change the toggle on desktop only: @media (min-width: 769px) { .slideout-toggle:not(.has-svg-icon) a:before { color: #000000; } } Then this CSS should change the mobile menu label: span.mobile-menu { color: #000000; } Adding CSS: https://docs.generatepress.com/article/adding-css/ Let me know if this helps ๐ Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ February 9, 2020 at 4:18 pm #1160062 Yang Hi Leo, Thanks! This works. How could I change the color of toggle on the Mobile as well? February 9, 2020 at 5:50 pm #1160090 LeoStaff Customer Support If you want to use the same color for the toggle and the label then this should work: button.menu-toggle { color: #ffffff !important; } Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ February 9, 2020 at 7:08 pm #1160103 Yang Thanks Leo! This works now. February 9, 2020 at 8:04 pm #1160122 LeoStaff Customer Support No problem ๐ Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Author Posts Viewing 6 posts - 1 through 6 (of 6 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In