This topic contains 1 reply, has 2 voices, and was last updated by Sean Sean 1 year, 1 month ago.

Change HTML Demo3 Header color to dark (Like Demo 5)


  • riterix
    Participant

    Posts: 32
    Member Reply #14770

    Hi,

    I would like to know how to change the header color of the demo3 HTML version from light color to Dark color, like in the Demo 5.

    I did some hack and find : “m-header-menu–skin-light” and make it “m-header-menu–skin-dark” like in Demo5 html but no results.

    however it worked for a submenu : change from “m-header-menu–submenu-skin-light” to “m-header-menu–submenu-skin-dark” and the submenu became dark.

    thank you.

    • This topic was modified 1 year, 1 month ago by  riterix.
    Sean
    Sean
    Keymaster

    Posts: 4527
    Support Staff Reply #14881

    Hi :),

    Sorry for the late reply.

    Yes, for the megamenu the helper class works. But for the header itself you will need to manually configure the colors. You can change the layout settings and colors for the header in “src\sass\demo\demo3\header\__config.scss” and the horizontal menu in “src\sass\demo\demo3\menu-header\__config.scss” under $m-config-menu-header->desktop->build->skins->light array. You can try to configure the colors and compile with “gulp” to see the result. If you need any further help please let us know.

    Thanks.

You must be logged in to reply to this topic.