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
I forgot to mention that I want the shadowa around my sub menus. Thank you.
Hi ngrudev
The arrow can be added to parent menu items, even if they are Custom Links, using:
https://wordpress.org/plugins/menu-icons/
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); }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); }Works great ! :))
Super, glad that helped.
All the best.