Home Forums Basel support forum Color Sticky Header

Color Sticky Header

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #213043

    iyanmaz
    Participant

    Hi, can t change color of sticky header from black to white , tried css add but did not work also, pls see https://www.croshyarn.com/
    Thanks

    #213106

    Hello,

    Thank you very much for choosing our theme and for contacting us.

    You have not set the main menu yet. As soon as you set, you will also require CSS for the menu on the sticky header.

    Please add this full code for the sticky to the Theme Settings > Custom CSS > Global:

    body .main-header.header-has-no-bg.color-scheme-light.act-scroll {
        background-color: red;
    }
    body .main-header.header-has-no-bg.act-scroll {
        background-color: red;
    }
    body .main-header.header-has-no-bg.act-scroll .menu>li.current-menu-item>a{
    color:yellow;
    }
    
    body .main-header.header-has-no-bg.act-scroll .menu > li > a{
    color:blue;
    }
    body .main-header.header-has-no-bg.act-scroll .menu > li > a:after{
    color:blue;
    }
    
    body .main-header.header-has-no-bg.act-scroll .menu > li > a:hover{
    color:yellow;
    }
    body .main-header.header-has-no-bg.act-scroll .right-column>div ul li a, 
    body .main-header.header-has-no-bg.act-scroll .right-column>div>a {
        color: white;
    }
    body .main-header.header-has-no-bg.act-scroll .right-column  .amount {
        color: #f7f7f7;
    }

    Set the colors as per your needs.

    Best Regards

Viewing 2 posts - 1 through 2 (of 2 total)