Purpose Theme by Organic: Turning the main menu band transparent on every page..

• 

  ssandhu29 · Member · Feb 21, 2016 at 5:30 pm

  • Copy link
  • Add topic to favorites

  If you go to to the my blog

  Development3

  And you scroll down, the menu bar is transparent – HOWEVER this isn’t the case on other pages – see the Team page for example..

  I’d like to turn this transparent.. a little advanced perhaps but it’d be fantastic if there was a solution for this..

  Thanks in advance

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

• 

  thesacredpath · Member · Feb 22, 2016 at 1:37 am

  • Copy link

  Hi there, add the following to your custom CSS. It mimics the header area design from the front page on other pages.

  #header.header-large {
  	    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),to(rgba(0,0,0,0)));
      background-image: -webkit-linear-gradient(top,rgba(0,0,0,.3),rgba(0,0,0,0));
      background-image: -moz-linear-gradient(top,rgba(0,0,0,.3),rgba(0,0,0,0));
      background-image: -o-linear-gradient(top,rgba(0,0,0,.3),rgba(0,0,0,0));
      background-image: -ms-linear-gradient(top,rgba(0,0,0,.3),rgba(0,0,0,0));
      background-image: linear-gradient(top,rgba(0,0,0,.3),rgba(0,0,0,0));
  	border-bottom: none;
  	background-color: transparent;
  }