Hi,
To swap the arrows, you would need to edit these from the defaults:
/* Sub menu indicators
===================*/
.sm-clean a span.sub-arrow {
position:absolute;
left:12px;
top:50%;
margin-top:-3px;
/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
width:0;
height:0;
overflow:hidden;
border-width:4px; /* tweak size of the arrow */
border-style:solid dashed dashed dashed;
border-color:#555 transparent transparent transparent;
}
.sm-clean-vertical a span.sub-arrow,
.sm-clean ul a span.sub-arrow {
right:15px;
top:50%;
margin-top:-5px;
border-width:5px;
border-style:dashed solid dashed dashed;
border-color:transparent #555 transparent transparent;
}
This would move the main and sub menu arrows to the left side of the item and also change the sub menu arrow point direction to the left.
And then if you want to be perfect, it would be nice to also swap the padding-right
for padding-left
declaration in all the a.has-submenu
rules.
Cheers!