Parallax Pro Horizontal Submenu

[JosefNT]

I'm building a site on a child theme based on Parallax Pro, and I have modified the submenu of the main navigation to lay out horizontally.

It is working, but I can't get it to align where I need it. At first it appeared with the leftmost submenu item directly beneath the top-level item and the remaining submenu items running off the right side of the window. Then I got it to move over so all submenu items are visible, but now it is fully left-aligned while the top-level main navigation is right-aligned.

I just need the submenu to right-align like the main navigation, but without blowing out beyond the right side of the window.

I'm adjusting settings on this CSS style:
.genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; right: 0; float: left;}

I've tried float: right; and right: auto; but I can't get it to right-align.

Can someone take a look at it and see if there's a way to accomplish this strictly through CSS. I would like to avoid fiddling around with the page layout if possible.

http://foodbank.nettechdataservices.com

[bartekkregiel]

Hi JosefNT

Try this:
.sub-menu {margin: 0 0 0 0;
text-align: right;
float: right;
You have float to the right but you also need to align your text to the right.

Cheers.

---

Hi my name is Bartek and I do websites at Organic WP Shop
http://www.organicwpshop.com

[Author]

Posts