I am new to jquery and css. I created a jquery mega menu but I am having problems with the Link menu item. It runs off the right side of the scren and I want to bring it over to match the right edge of the site. Can someone please explain how I can do this? I normally would post the code or put up a jsfiddle link but there are different css and js files to run this and I don't know of another way then to link you directly to the site.
This style I have linked to the UL of the list for Links
Located in the menu.css file.
/* Style the 3rd level links */
.dcjq-mega-menu ul.menu li .sub li ul li#links-layout {
}
I have tried float left and also margin-right:300px; and neither seem to effect moving it.
This is on the main page.
<li id="links-layout"><a href="#">LINKS</a>
Instruction: Roll your mouse over the "LINKS" menu bar item and notice how it runs off the right browser screen I want to fix this.
Here is the link: http://gdisinc.com/barker/default.php