Header/menu color

  • Resolved nesnajkneh

    (@nesnajkneh)


    2 years, 8 months ago

    Hi,

    i really like your theme, but i’ld like to change the color of the ‘header’ background. When you scroll down it get’s a dark blue back color, instead of when opening the page it’s transparent.

Viewing 5 replies - 1 through 5 (of 5 total)
  • rishi911

    (@rishi911)

    2 years, 8 months ago

    Hi, nesnajkneh

    Thanks for contacting us!

    To change the color of the header, Go to Appearance >> Customize >> Additional CSS and add the given below custom CSS code:

    body.page .navbar-custom, body.woocommerce .navbar-custom, .archive .navbar-custom, .search .navbar-custom, .single .navbar-custom, body.blog .navbar-custom, .error404 .navbar-custom {
    background-color: #2a83e8;
}

    You can change the value of the background-color as per your need.

    And if you want to change the color of the menus, there is a setting for this in the customizer. Go to Customizer >> Color & Background >> Primary Menus

    Thanks
    Rishabh

    Thread Starter nesnajkneh

    (@nesnajkneh)

    2 years, 8 months ago

    thanks, that works like a charm!

    Nog the blue color still does appear when opening the menu on a mobile device as the menu background color. Where or how do change that one please?

    rishi911

    (@rishi911)

    2 years, 8 months ago

    To do this, add the given below custom CSS code in the Additional CSS box:

    @media (max-width: 1100px) {
body.page .navbar-custom, body.woocommerce .navbar-custom, .archive .navbar-custom, .search .navbar-custom, .single .navbar-custom, body.blog .navbar-custom, .error404 .navbar-custom {
    background-color: #2a83e8;
}
.navbar-collapse, .navbar-collapse.collapse.in {
    background-color: #2a83e8 !important;
}}

    I hope it will work for you.

    Thanks
    Rishabh

    Thread Starter nesnajkneh

    (@nesnajkneh)

    2 years, 8 months ago

    thanks a lot!

    • This reply was modified 2 years, 8 months ago by nesnajkneh.
    rishi911

    (@rishi911)

    2 years, 8 months ago

    Glad to help you!

    If you like our Theme & Support, kindly rate us HERE.

    Thanks
    Rishabh

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Header/menu color’ is closed to new replies.