This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Transparent menu bar Fix

Resolved 4 replies premiumthemetheme-vantage
nigeloddy
Started · Latest reply by Greg Priday

Hello People

Has anyone found a fix to the ‘Transparent menu bar’ ? caused by adding:

/* Vantage menu opacity */
.main-navigation {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}

URL: http://43420ff9.c69.servage.net/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Greg Priday Staff

    Hi Nigeloddy

    It appears as if the transparency is being applied to your menu bar. What is it that you’d like to fix?

  2. nigeloddy

    Hi Greg

    Thanks for getting back so quick, if you hover over the Treatments or Grooming the menu seems to fall behind the other elements on the page and i can’t seem to access the lower parts of the menu, ( if i remove the code snippet from the first post above) all seems to work fine – but then no transparency which is the effect i’m after. Also if you scroll down the page and the menu sticks to the top of the page (sorry not sure what to call this ?) then the menu and drop down seem to work.

    Hope you can help and hope this makes sense.

    Regards

    Nigel

  3. nigeloddy

    Hmmm,

    This seemed to work :-)

    /* Vantage menu opacity */
.main-navigation {
zoom: 1;
filter: alpha(opacity=85);
opacity: 0.85;
z-index: 2;
}
  4. Greg Priday Staff

    Hi Nigeloddy

    Very glad to hear it. Please let me know if there’s anything else you need help with :)

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread