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.

Menu CSS Question – Remove Background color

Resolved 5 replies premiumthemetheme-vantage
Webunet
Started · Latest reply by Andrew Misplon

I want the background color of my menu to be 100% transparent (remove background color). The link below shows the issue.

This is the custom CSS I have now:

/* Vantage Set Menu Font Size */

.main-navigation {
font-size: 20px;
}
.main-navigation {
padding: 5px 0 20px;
}
.main-navigation { background: rgba(34, 34, 34, 0.8) !important; }
.nav:nth-of-type(1) { display: none; }

———————–
Thank you, I appreciate all your help and I love your theme.

Tom

URL: http://cell-web.com/wp-content/uploads/vantage_1.jpg

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

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Andrew Misplon Staff

    Hi Tom

    Thanks for runnning Vantage.

    Give this a try:

    .main-navigation { background: transparent; }

    First remove the same selector you’re currently using in Custom CSS and try replacing it with the above.

    Hope that helps.

  2. Webunet

    Andrew,

    I appreciate all your help, but that didn’t do it. I tried a couple variations, but the only change was to turn the background to white.

    Surely there must be a simple CSS style to remove the background altogether? Here is what I have now…

    /* Vantage Set Menu Font Size */
    .main-navigation {
    font-size: 20px;
    }
    .main-navigation {
    padding: 5px 0 20px;
    }
    .main-navigation { background: rgba(34, 34, 34, 0.8) !important; }
    .nav:nth-of-type(1) { display: none; }
    header#masthead.masthead-logo-in-menu .background{
    display:none;
    }

    What else can I try?
    Thanks,
    Tom

  3. Andrew Misplon Staff

    Give this a try:

    header#masthead { background: transparent; }
.main-navigation { background: transparent; }

    Be sure to remove any competing selectors from your Custom CSS. Should do the trick.

  4. Webunet

    Andrew, you rock! That did it.

    Thank you,

    Tom

  5. Andrew Misplon Staff

    Awesome, glad that helped. All the best.

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