Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 5, 2020 at 6:06 pm #1210043
    bobfurgo

    Hi guys! I’m trying to change the header color on this particular page ( the homepage ) to have a light grey background. However, when I add this css: 

    .page-id-2 #header_main {
	background: #F1F1F1 !important;
}

    it is also this grey color on the sticky header when I scroll down. Is there a way to have it be this light grey color, but then on scroll, have it stay white?

    THANK YOU!

    May 5, 2020 at 10:59 pm #1210112
    Nikko

    Hey bobfurgo,

    Try adding this CSS code as well:

    .page-id-2 .header-scrolled #header_main {
    background-color: white !important;
}

    Best regards,
    Nikko

    May 6, 2020 at 5:52 pm #1210405
    bobfurgo

    perfect, thank you!!

    May 6, 2020 at 10:37 pm #1210510
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘change header color but not on scroll’ is closed to new replies.