Change Color Of Off Canvas Menu Items - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Change Color Of Off Canvas Menu Items

SJ

Scott Johnson

Template 2 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?

0
1 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #128046

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

0