Hi there!

Thanks for your query.

I have checked your site and found out the colors are working right though.

And those are not following the color has set as menu heading. So if you want you can use the following code in your custom CSS:

This one for menu item hover color-

.sp-megamenu-parent > li:hover  > a, .sp-megamenu-parent > li:hover > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a {
    color: #fbb900;
}

This one for menu item active color-

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active > span, .sp-megamenu-parent .sp-dropdown li.active.sp-menu-item > a {
    color:  #fbb900;
}

This one for menu item text color-

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    color: #00233c;
}

Hope this helps!

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

thanks you - the menu is working now.

BUT The problem with the logos still exists

Normal view is ok https://prnt.sc/PeytQJ9EjUoR

Hamburger button look like this https://prnt.sc/o9a9d-HC0LIG

and we need this https://prnt.sc/Z7g6s94AA_Bg

there is always the problem with the logos - answer please

Hi,

Thanks for your screenshots. It helped to get the issue better.

Kindly use the following code in your custom CSS:

.offcanvas-menu .logo-image-phone {
    display: block !important;
}
.offcanvas-menu .logo-image {
    display: none !important;
}

Hope this will solve the offcanvas logo issue.

Best Regards