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

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

  • riterix

    Posts: 32
    Member Reply #14770


    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, 4 months ago by  riterix.

    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.


You must be logged in to reply to this topic.