PageLines Support

Hi Cameron,

Ok I checked your site and you're using EcoPro 1.3.5, I would recommend upgrading to the latest version is 1.3.7. This may or may not fix your menu issue, but once you have updated your theme, try to add an 8th and a 9th menu item and see if the problem persists.

Another you could try, would be to disable all your active plugins, to see if any of them are conflicting with the menu, once the the plugins are disabled, try to add an 8th, 9th menu item and see if the problem still persist.

Once you have done this Cameron, post back with your findings.

Also before you preform the update to the latest version, make sure to do a back up of any custom CSS or code you may have added, this is just a precaution.

We're looking forward to your reply!

Can you try to disable all plugins temporarily so we can eliminate it as a possible cause of the issue?

Cameron,

The problem on your site is actually simpler than you might think. It's graphical, spatial and not plugin oriented at all.

I'd suggest you implement Get Firebug (http://www.getfirebug.com) for Firefox and use it to inspect the menu. You'll find that your brand logo falls into the menu are, cutting it a bit so that you actually have less available menu space and not full width. The menu at present is limited to 740px wide so with that constraint, anything that goes beyond 740px will naturally wrap. The code below brings it to 960px, giving you 220px more.

As a result, given the font size, spacing and weight you are using, the menu will wrap each time you add a new option (menu item). You can control this by moving the header image up, making the header area a bit taller. That should place your menu area to full width. This is in the code below.

Additionally, you can select a thinner, smaller font; replace the word home with a small home-shaped graphic and make sure each menu word is small (minimal characters), just as you're doing. I reduced your font size by 0.1em and the line height as well by the same measure. This should give you the full width in which to add two more menu items. It's tested on your site, live and works.

This CSS code will help considerably:

#nav {
    bottom: 0;
    float: right;
    font-size: 1em;
    line-height: 1em;
    margin-top: 0;
    position: absolute;
    right: 0;
    text-align: right;
    width: 960px;
}

Hi Cameron,

I have accepted Rangelone's answer, however, if his suggestion doesn't work. Simply, reply to this topic and it will revert back to unanswered.