Home>Support>Vantage Menu

Vantage Menu

Is there a way to and a drop shadow box to the drop down menu? I have been using the Custom CSS. and I just can’t seem to find the correct “ul” or “ul li”. Can you please help?

This is my code I’m using for the drop shadow.


 .main-navigation ul {
       -webkit-box-shadow: 4px 7px 25px -2px rgba(0,0,0,0.75);
       -moz-box-shadow: 4px 7px 25px -2px rgba(0,0,0,0.75);
       box-shadow: 4px 7px 25px -2px rgba(0,0,0,0.75);
}

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

  1. 10 years, 1 month ago Craig Hurmi

    Nevermind I found it I was one layer down, I needed another ul

    .main-navigation ul ul {
    -webkit-box-shadow: 4px 7px 25px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 7px 25px -2px rgba(0,0,0,0.75);
    box-shadow: 4px 7px 25px -2px rgba(0,0,0,0.75);
    }

    Works fine now. Thanks anyway.

  2. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Thanks for sharing your solution here Craig.

    All the best with the rest of your project.

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