Option for arrows on left of menu items?

[StevieDC]

I'd like to place a mobile dropdown menu on the left and the right of the page. Is there a way of having the sub menu arrows positioned on the left of the menu items in the right hand menu?

[StevieDC]

And the menu item indentation reversed. Basically a mirrored image of the left hand menu.

[StevieDC]

Any thoughts?

[StevieDC]

Anyone?

[RawHatred]

Wouldn't it be possible with CSS only?

[StevieDC]

I expect so. I'll give it a go. I know it looks like I'm being really lazy but I was hoping that someone might have already done it.

[RawHatred]

I am sorry @StevieDC I have misunderstood your question.

Although it may be possible to achieve this with CSS, I think you need to hide the dynamically generated span(arrow) inside the parents then append your own arrows(?).

The code appending the arrows: https://github.com/ComputerWolf/SlickNav/blob/master/jquery.slicknav.js#L131-L131

//append arrow
$(nodes).last().after(arrowElement);

I think using .before(arrowElement) should do the trick here but you want to change the arrows positioned on the right menu only. I don't know if it is possible to change it within a callback function. Now I would like to know if this is possible :smile:

[StevieDC]

Thanks for the help but I've decided to go with one menu for mobile and therefore combine the two.