Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 19, 2015 at 4:33 pm #446524
    richeangelus

    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.

    May 20, 2015 at 5:37 pm #447318
    Elliott

    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

    May 22, 2015 at 3:32 am #448123
    richeangelus

    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?

    May 23, 2015 at 5:34 am #448875
    Ismael

    Hi!

    You can use this:

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

    Best regards,
    Ismael

    May 24, 2015 at 6:22 am #449198
    richeangelus

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

    May 25, 2015 at 5:55 am #449360
    Rikard

    Hi!

    Please try the following:

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

    Regards,
    Rikard

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