Logo and Color change in banner for Responsive design

• 

  slissnerridgewood · Member · Feb 14, 2017 at 3:53 pm

  • Copy link
  • Add topic to favorites

  Theme: Venture
  We have already used some extensive CSS to control how our logo looks on a background banner on our website, however I am having trouble with one page (our “Team” page/link). When you click on “Team” from the menu it looks fine in the computer/desktop format, but the tablet and phone formats for this one page display the incorrect background color. It should be a white background with our black/green logo. Please advise. The “Team” page/link is set up as a portfolio format. Please advise. Thank you.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Feb 14, 2017 at 8:24 pm

  • Copy link

  Add the following to change the black background to white on your Team page.

  #masthead.default-view-header {
  	background-color: #fff;
  }

• 

  thesacredpath · Member · Feb 14, 2017 at 8:27 pm

  • Copy link

  Oops, never mind the above. Use this instead.

  @media screen and (max-width: 768px) {
  	#masthead.default-view-header {
  	background-color: #fff;
  }
  }

• 

  slissnerridgewood · Member · Feb 14, 2017 at 9:54 pm

  • Copy link

  That works! Thank you.

• 

  thesacredpath · Member · Feb 14, 2017 at 10:50 pm

  • Copy link

  Awesome, and you are welcome!