Staff replied Templates

Change color of off canvas menu items

Asked by Scott Johnson 3 years ago Last activity 3 years ago

I have changed the color code for my offcanvas menu items but it does not seem to make a differecne on the menu how can I make the changes to have Menu items show up as color code #cb9b42 show as black with underline when active, show as black when hovered?

1 reply

Paul Frankowski Senior Staff
3 years ago

Hi Scott,

anytime custom CSS should work, this is current color styles:

.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, 
.offcanvas-menu .offcanvas-inner ul.menu > li a:focus, 
.offcanvas-menu .offcanvas-inner ul.menu > li span:hover, 
.offcanvas-menu .offcanvas-inner ul.menu > li span:focus {color: #ffffff; }

.offcanvas-menu .offcanvas-inner ul.menu li.active a {color: #000000 !important;}

.offcanvas-menu .offcanvas-inner ul.menu > li a, 
.offcanvas-menu .offcanvas-inner ul.menu > li span {
  color: #cb9b42;}

if you want to change ... override with a different color

Log in to reply.