Skip to content

Instantly share code, notes, and snippets.

@nhbeachguy

nhbeachguy/remove divi down arrow.css

Last active October 10, 2020 04:36
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nhbeachguy/ebfd46a610813c519b0a to your computer and use it in GitHub Desktop.
Save nhbeachguy/ebfd46a610813c519b0a to your computer and use it in GitHub Desktop.
Download ZIP
Divi Theme: remove that little down arrow for Top Level Menu items that have a drop down sub-menu....
Raw
remove divi down arrow.css
/* remove divi default effects for items with a drop down menu */
‪#‎top‬-menu .menu-item-has-children > a:first-child {padding-right: 0px; padding-bottom: 17px!important;}
#top-menu .menu-item-has-children > a:first-child:after{content: ''; margin-top: -2px;}
@tsymyn
Copy link

tsymyn commented Aug 30, 2017 •
edited

I would suggest adding the following to remove the space to the right of the link that the down arrow formerly occupied, as it looks like (at least as of Divi 3.0) the padding was added to the <li> rather than the <a>:
#top-menu .menu-item-has-children {padding-right: 0px;}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment