Align hover to the other side of button-CodePudding

I am wondering how to align the cart elements to the other side of the button as shown in this picture? I don't know if that's clear for you. Let me know if you desire additional explanation!

codepen.io/Robin_1/pen/QWmbXyW

CodePudding user response：

You didn't have to delete your snippet in here. It's preferable to external link. From what I've seen you can add this to align the dropdown like this

#myDropdown {
    left: unset;
    right: 0;
}

CodePudding user response：

right: 0; on .dropdown-content should work.

<style>
.dropdown-content
{
    right: 0;
    ...
}
</style>