I am trying to make a floating menu that is wider than the screen. Some of the columns are to the right of the screen and whenever I try to scroll over to the right, the menu is stuck with the position:fixed so I can't see the columns that are off the screen.
<div class="floating-menu" style="position:fixed;top:0px;left:45px">
I want the menu to remain position:fixed for when I scroll up and down, but not when I move left or right because the menu is very wide.
Is there anyway to do this?