Site header background color only partial

• 

  jcollier · Member · Jul 3, 2017 at 3:53 pm

  • Copy link
  • Add topic to favorites

  The site header background color only goes partway across the header, stopping short of meeting the menu.

  Can this be removed from the theme CSS?

  @media screen and (min-width: 48.0625em)
  .site-header {
      /* background-color: #fff; */
  }

  It appears like a mistake that should not require custom CSS to fix.

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

• 

  jcollier · Member · Jul 3, 2017 at 3:56 pm

  • Copy link

  The blog I need help with, actually, is curiosityfactor.org.

• 

  musicdoc1 · Member · Jul 3, 2017 at 7:01 pm

  • Copy link

  Hi,

  On a test site with the Revelar theme applied, I found that the relevant selected background color (part of one of the six optional palettes) displays not only behind the site title but also behind the custom menu item linked to the page or post that you are presently visiting on the site. This behavior, which can also be seen on the Revelar demo, is obviously a design choice rather than an error. I suspect that it would require custom CSS to modify.

  CSS is out of my realm. You may either wait for another volunteer or staff member with relevant knowledge of CSS to respond or add a “modlook” tag to the sidebar at right here, which will put out a call for staff attention. Alternatively, you may submit the request to the CSS Customization forum.

• 

  musicdoc1 · Member · Jul 3, 2017 at 7:05 pm

  • Copy link

  If on your site you are not seeing the behavior I’ve described, as seen in the Revelar demo, then please add a “modlook” tag to the sidebar at right here, to call for staff attention.

• 

  garysixtyeight · Member · Jul 3, 2017 at 7:23 pm

  • Copy link

  If you’d to change the colour of that section from white to something else, please try adding the css below to the CSS Editor in My Sites → Customize → CSS

  @media screen and (min-width: 48.0625em) {
  	.site-header {
  		background-color: #00a185;
  }

  You can change the colour value to anything you’d prefer, or set it to transparent.

• 

  garysixtyeight · Member · Jul 3, 2017 at 7:24 pm

  • Copy link

  Sorry, a bracket is missing from the css above. Use this instead:

  @media screen and (min-width: 48.0625em) {
  	.site-header {
  		background-color: #00a185;
  	}
  }