Hi

Thanks for contacting us. Use this custom CSS in your custom.css file

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
  color: #d5ba70 !important;
}
.offcanvas-menu .offcanvas-inner{
  background-color:black !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li a, .offcanvas-menu .offcanvas-inner .sp-module ul>li span{
  color: #d5ba70 !important;
}

-Regards.

Ok for that please use this custom CSS

.offcanvas-menu .offcanvas-inner .sp-module ul>li.active>a{
  color: black !important;
}

.offcanvas-menu {
    height: auto !important;
}

Good day,

Thank you so much for helping me with my website code. My client has one more request, is it possible for you to send me the code to make the menu (mega and offcanvas) a gradient utilizing the following colors

From the Bottom of the text upward

987439

ceaf5c

f2e19a

In essense, I'm tying to have the menus text color mirror the "Patrick Mahomes" Text color in the banner. Can you assist.

Hi

You can use this custom css

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background-image: linear-gradient(#987439, #f2e19a) !important;
}

But for more accurate please follow these links below:

https://www.w3schools.com/colors/colors_gradient.asp

https://mycolor.space/gradient3