menu item with children - remove down arrow

in the main/header menu, can i remove the down arrow adjacent to a menu item with children? i prefer the top level menu items maintain consistent spacing. including the down arrow throws things off.

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.sf-arrows .sf-with-ul:after {
  border: none !important;
}

Thanks & Regards
Pramod

 

that gets us halfway there, pramod. the arrows gone, but the spacing inconsistent spacing remains. i tried "padding: none !important;" but that didn't do anything. how can i get rid of that extra space?

thanks!
rex

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.sf-arrows .sf-with-ul {
  padding-right: 0;
}

Thanks
Pramod

 

awesome. perfect fit with padding-right: 10px.

thanks,
rex