Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #446524

    Hi! Please advise how can I change the background colour of the shrinking header and it’s menu’s font color. I would also like to know how can I change the colour of the active menu indicator in the shrinking header please.

    #447318

    Hi richeangelus!

    Are you only trying to do this when the header is shrunk? If so then add this to your custom CSS.

    .header-scrolled .header_bg {
      background: none repeat scroll 0 0 red !important;
    }
    .header-scrolled .menu .avia-menu-text {
      color: white !important;
    }
    .header-scrolled .avia-menu-fx {
      background-color: black !important;
    }
    

    Best regards,
    Elliott

    #448123

    Thanks Elliott!

    Just 1 last item. May I know how to change to top and bottom 1px white border of the shrinking header to another color?

    #448875

    Hi!

    You can use this:

    #header_main {
      border-color: red !important;
    }

    Best regards,
    Ismael

    #449198

    Hi Ismael! How can I apply this to the shrinking header only as it’s applying the colour to the non-shrinking header too?

    #449360

    Hi!

    Please try the following:

    .header-scrolled #header_main {
    border-bottom: 1px solid red !important;
    }

    Regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.