How to change menu bar color in magnin

Hello Nagesh,

To change the menu color, please navigate to:

System → Template Styles → Magnin → Template Options → Presets.

From there, you can adjust the menu color as needed. For Menu bar color, You need to change header background color.

Let me know if you need any further assistance.

Best regards,

Apologies for the repeated questions.

Based on your header and footer, the menu color looks fine overall. However, the issue seems to be with the modal menu styling.

To help me provide a more accurate solution, could you please let me know which colors you’d like to use for the header background, text color, and footer also?

Please, use this css into your custom css, You can check this documentationto add custom css: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

#sp-header {
    background: #17458f;
}
#sp-footer, #sp-bottom {
    background: #17458f;
    color: #ffffff;
}
#sp-footer ul.menu li a,
#sp-footer a{
    color: white;
}
.sp-copyright {
    color: #dbdada;
}
#modal-menu .modal-menu-inner>.container ul li a {
    color: #17458f;
}
#modal-menu ul.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background-color: transparent;
}

Thanks