I have an easy one!! Help raising a drop down menu up a few pixels

Hi There,  
I am wasting too much time trying to move the drop down menu of the main menu on this site
You will see on any hover on the parent menu, that the drop down is just 20-40px too far away, but I can't find where to shift it?
Can anyone help
LVL 11
Amanda WatsonWeb DeveloperAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Edwin HofferTechnical ExpertCommented:
Hello snowball,

Open style.css and find ".navbar-nav > li > a" class here update padding: 40px 14px to 33px 14px

Hope that resolved your issue.

Best Regards

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Julian HansenCommented:
Cannot see a drop down on that link.
Edwin HofferTechnical ExpertCommented:
Might be he deleted the dropdown menu @julianH
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

Amanda WatsonWeb DeveloperAuthor Commented:
Hey there,
It doesn't appear to have work Edwin....?
I added in a drop down after I changed the menu for testing.............
Amanda WatsonWeb DeveloperAuthor Commented:
Hang on I think it looks ok Edwin....maybe a bit higher?
Amanda WatsonWeb DeveloperAuthor Commented:
great, thank you
Edwin HofferTechnical ExpertCommented:
You are welcome
Julian HansenCommented:
It looks like the drop down is 1px too low - there is a bit of background showing through.

Try changing the top to 14px in the following style
Line 272
.navbar-header {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  position: relative;
  top: 14px;

Open in new window

Or change the padding from 33px to 32px in the following style
Line 277
.navbar-nav > li > a {
  padding: 32px 14px;

Open in new window

It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.