I have a menu which looks like this, where on hovering over “tanfa demo example” the sublist come on RHS
The problem is, that in my case the whole menu is on extreme right. I want sublist to appear on LHS.
I have tried using CSS “left: 0; top: 0;” property, but that would just show sublist on top-left corner of its parent element, where it overlaps as follows,

I want the menu to start from “left: 0; top: 0” of its parent, but then slide towards its left. I would prefer a solution through CSS.
try
right: 100%instead ofleft: 0, which basically tells your menu that it should position its left edge to the leftmost edge of its parent.right: 100%should tell it to align its rightmost edge with your parent menus leftmost edge. Hope this helps!