Making Main Navigation Menu Transparent

• 

  inspiredinteriorssd · Member · Aug 17, 2017 at 12:23 pm

  • Copy link
  • Add topic to favorites

  Is it possible to make the main navigation header at the top of the Lodestar theme transparent? Im currently on the business plan and my website is attached. Any help would be great!

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

• 

  krutidugade · Member · Aug 17, 2017 at 1:12 pm

  • Copy link

  Hi there,

  I checked your site inspiredinteriorssandiego.wordpress.com. The background for Navigation menu is already transparent.
  So, it would be helpful if you elaborate more about what you wish to achieve. How do you want your navigation menu in header to look like when you say transparent?

• 

  inspiredinteriorssd · Member · Aug 17, 2017 at 5:34 pm

  • Copy link

  I would like for the navigation menu to have some opacity to it. Where it has my “About, Gallery, etc.” at the top, the background of it is white. I would like for you to be able to see my full header image without the white background of my navigation menu if that makes sense.

  Kinda like this theme:
  https://affinitydemo.wordpress.com

• 

  krutidugade · Member · Aug 17, 2017 at 8:41 pm

  • Copy link

  Hi there,

  Based on my understanding, you desire to have navigation menu on featured image. You can achieve the same by adding this code snippet to your CSS Customiser.

  .header-top {
  opacity: 0.5;
  }
  .lodestar-front-page .custom-header {
  margin-top: -88px !important;
  }

  You can adjust the opacity as per your wish.

  Let me know if that helps!

• 

  inspiredinteriorssd · Member · Aug 17, 2017 at 9:53 pm

  • Copy link

  Yes exactly what I was looking for! Thank you!!

• 

  krutidugade · Member · Aug 17, 2017 at 9:54 pm

  • Copy link

  You’re welcome. Glad I could help :D