Lining up and styling the Dropdown menu

[Jane]

Jane

December 1, 2014 at 3:55 am

Hi, I’ve manged, with the help of previous forum posts, to adjust the width of my drop down menu and move the submenu from the right to the left, by adding this CSS:
ul.sf-dropdown-menu {
width: 170% !important;
}
.sf-menu li li ul, ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left:auto;
right: 100%;
}

However, although better, it isn’t quite what I’m trying to achieve. I would like the Portfolio drop down to be positioned further to the right – actually centred under the heading, and have the submenu, Travel, about half the width that it currently is. What do I need to add to the CSS?

*Login to see link

Thanks very much