header colour

Homepage › Community Forums › Vintage Theme Support › header colour

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 21, 2016 at 3:32 pm #18093
    Martin
    Customer

      Hi

      Anyone know which lines of code need changing to adjust the background colour of the header / nav section from white?

      May 21, 2016 at 7:05 pm #18095
      Andykev
      Customer
        /* # Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	background-color: #CE1A1A;
	border-bottom: 1px solid #ddd;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

        Change the background-color attribute. About line 1148 in the demo. Look there.

        May 31, 2016 at 11:30 am #18213
        Martin
        Customer

          thanks but that doesn’t work – if you have an image header, on page scroll the background just defaults back to white (!)

          May 31, 2016 at 12:37 pm #18215
          Wes
          Moderator

            What @Andykev posted works, but you’ll also need to change the color here as well (line 1169) – 

            .site-header.light {
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	padding-top: 0;
}

            This will handle the background color for the sticky header/menu (whenever you scroll down).

            May 31, 2016 at 2:32 pm #18220
            Martin
            Customer

              Cheers Wes

              Sorry @andykev, when I said ‘doesn’t work’ I was being a tad inaccurate, I meant ‘only does part of the job’. Appreciate the help.

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