Home>Support>Is there a way to bleed image behind the menu items like this

Is there a way to bleed image behind the menu items like this

By R G, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

See how gif/image bleeds behind the menu item here https://www.clearslide.com/

Is there a way for us to do it?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Hi R G

    Not easily. To change the menu opacity you can try the following under Appearance > Custom CSS:

    /* Vantage - Adjust color and opacity of drop down menu items and drop down menu hover */

.main-navigation ul ul { background: rgba(200, 54, 54, 0.5) !important;  } 
.main-navigation ul ul li:hover > a { background: rgba(200, 54, 54, 0.5) !important;  }

    The first three numbers in a RGBA value are the color, the fourth is the opacity.

    Additionally you’d need to try the following under Appearance > Custom CSS to shift the slider up:

    /* Vantage Logo in Menu Slider Overlap */

.main-navigation {
  z-index: 1;
}

#main-slider {
  margin-top: -59px;
}
  2. 9 years, 6 months ago R G

    Hmm, i tried nothing happened.

  3. 9 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Please leave the Custom CSS in place and send through your url. The above assumes you’re using the “Logo in Menu” layout.

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More