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 Shadow and icon

Resolved 5 replies premiumthemetheme-vantage
ngrudev
10 years ago · Last reply by Andrew Misplon 10 years ago

Hi,
I have two questins:
1. How to make a shadow around my promary menu? This is the css3 code I want to implement:
box-shadow: 2px 2px 7px 3px rgba(119, 119, 119, 0.1);
-moz-box-shadow: 2px 2px 7px 3px rgba(119, 119, 119, 0.1);
-webkit-box-shadow: 2px 2px 7px 3px rgba(119, 119, 119, 0.1);
2. I want to add a small icon arrow at the right on these menu tabs, which have sub menus. can I do this?
Thank you,

URL: http://www.luga.bg

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

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. ngrudev 10 years, 4 months ago

    I forgot to mention that I want the shadowa around my sub menus. Thank you.

  2. Andrew Misplon Staff 10 years, 4 months ago

    Hi ngrudev

    The arrow can be added to parent menu items, even if they are Custom Links, using:

    https://wordpress.org/plugins/menu-icons/

    .main-navigation

    is the selector to use:

    .main-navigation {
box-shadow: 2px 2px 7px 3px rgba(119, 119, 119, 0.1);
-moz-box-shadow: 2px 2px 7px 3px rgba(119, 119, 119, 0.1);
-webkit-box-shadow: 2px 2px 7px 3px rgba(119, 119, 119, 0.1);
}
  3. Andrew Misplon Staff 10 years, 4 months ago

    Ahh, sorry, didn’t read further.

    To target sub-menus try something like:

    .main-navigation ul ul {
box-shadow: 2px 2px 7px 3px rgba(119, 119, 119, 0.1);
-moz-box-shadow: 2px 2px 7px 3px rgba(119, 119, 119, 0.1);
-webkit-box-shadow: 2px 2px 7px 3px rgba(119, 119, 119, 0.1);
}
  4. ngrudev 10 years, 4 months ago

    Works great ! :))

  5. Andrew Misplon Staff 10 years, 4 months ago

    Super, 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