menu issue

The only thing I’ve done today is update Optimizer and WordPress, could that be causing the issue maybe?

Anyone have any idea? Its still not working right.

Could you elaborate more? What is it supposed to do that it does not? A dropdown? A hover effect? Explain please in order to get some help ??

Go to my site and see what I am talking about.

I have done nothing different besides update Optimizer and WordPress yesterday and now the About Us is strangely at the top by the logo instead of below the logo like the rest of the menu.

I have tried re-sizing the font size and taking/add menu items off, all of which do nothing different. This was perfectly before the updates so I’m thinking it could be from those..? Idk.

It all should be a menu all BELOW the logo. Nothing else special.

Using Firefox & Chrome, I can se your menu being below the logo. and floated at right. I don’t get any “About us” item at the top of your logo. What browser do you use?

Google Chrome and I am using dual 24 inch monitors as well.

I tried it on Firefox and it puts everything at the top right corner and not below the logo, like it should be.

Try this and tell me what you get:

#topmenu {
    display: inline-block;
    float: right;
    font-size: 0;
    text-align: right;
    vertical-align: middle;
}

I changed the display from block to inline-block and added float:right

That seemed to have worked, however the menu items are too close to the large image, is there a way to place a little space between those?

Add this to the above for the margin with the image

margin-top: 10px

(or more if you want)

and this, because after the above fix, there was another problem with the mobile menu

@media screen and (max-width: 959px) {
#topmenu {
    display: none;
}
}

Okay I dont know css so where in the above am I adding that?
And any idea why this would happen all of a sudden?

Okay that worked, however now the words on the main page, IT Promises:Delivered move every single time I hover over a menu item. It has never done that before.

I am not sure if that was all of sudden, because your css is different to the demo page of the theme, so something was changed.

Go to your style.css and add this (remove the previous one you added)

#topmenu {
    display: inline-block;
    margin-top: 10px;
    float: right;
    font-size: 0;
    text-align: right;
    vertical-align: middle;
}

If you want bigger margin, increase the 10px.

Then, in the end of your file, add this:

@media screen and (max-width: 959px) {
#topmenu {
    display: none;
}
}

Actually instead of 959 make it 960.