Support Forum

For all questions related to themes and plugins!

Enter search keyword e.g. "footer color".

  • Registration is Required

    Registration is required to post questions to support forum. ThemeForest buyers also need to obtain Purchase code to be able to post on forum.

    Please read here how to obtain Purchase code.

#2463
Robert Kavgić
Participant

Hello,

You want the menu to have the slight opacity so the content under it can be seen?

You can do that by modifying the theme’s style.css. Open css/style.css and go to line 565 where it’s written:

#header-wrapper {
  width: 100%;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  z-index: 1000;
}

Change the background property from #fff to rgba(255,255,255,0.8), so the code looks like this:

#header-wrapper {
  width: 100%;
  background: rgba(255,255,255,0.8);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  z-index: 1000;
}

If you want the menu to be more transparent, modify the 0.8 value and set it to lower one.

Robert