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
11 years ago · Last reply by Andrew Misplon 11 years ago

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 11 years, 5 months ago

    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 11 years, 5 months ago

    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 11 years, 4 months ago

    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 11 years, 4 months ago

    Andrew, you rock! That did it.

    Thank you,

    Tom

  5. Andrew Misplon Staff 11 years, 4 months ago

    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