Skip to main content

Posts

Showing posts from May, 2017

Different Dropdown Arrows in Divi Top Menu

Divi is a great theme for designers as well as newbies trying to learn making professional websites. However one needs to have basic knowledge of css to make almost any change you need on a divi site.

Today we are going to see how we can put different arrows in dropdown and top level.

The top-menu primary link, has by default, down arrow. Now we will use right arrow in the secondary menu.

Use the following code in the custom css field of your Divi child theme.

#top-menu li .menu-item-has-children > a:first-child:after { margin-top: -2px; content: "5"; }
The value 5 in content is used for right arrow. It will display only if your sub-menu has a dropdown.