Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #1270642
Sticky Header colour
Closed

Comments

  • chopper1972 started the conversation

    Hi, is there not a Theme option to adjust the Sticky header background colour and opacity separate from the Main header colour?


    Currently it picks up the colour of the 'Main Menu & Header Area Background'

    A theme option would be helpful.

    Cheers

  •  4,772
    Michael replied

    HI! Unfortunately in the theme settings there is no such possibility, but you can adjust the transparency in the settings of the page.

  • chopper1972 replied

    Hi and thanks for your reply. I think you may be wrong...?

    There is not an option to change the "Sticky" header background opacity in the settings of the page, only the Opacity of the Main header menu which is shown before scrolling.

    If I am wrong, please let me know where this setting is????

    Thanks,

  •  4,772
    Michael replied

    This setting is in the code from the beginning and looks like this:

    #site-header.fixed.shrink {
        background-color: rgba(255,255,255,0.95);
    }


  •  1
    denruss replied

    How do i change color on mobile sticky menu header? My site is boldirect.com. Thank you!

  •  4,772
    Michael replied

    What exactly do you want to change? Create a separate ticket and we will solve your problem.

  •  1
    denruss replied

    I want to change a header menu color from #ffffff to #212331 so  menu would be visible on mobile view.

  •  4,772
    Michael replied

    HI!

    pls. use following css:

    #site-header:not(.shrink) .header-colors-light #primary-navigation .menu-toggle .menu-line-1,
    #site-header:not(.shrink) .header-colors-light #primary-navigation .menu-toggle .menu-line-2,
    #site-header:not(.shrink) .header-colors-light #primary-navigation .menu-toggle .menu-line-3 {
        background-color: #212331 !important;
    }

     

  •  1
    denruss replied

    THANKS! works