Take the 2-minute tour ×
Drupal Answers is a question and answer site for Drupal developers and administrators. It's 100% free, no registration required.

I'm having an issue with styling my menu mini panel hover.

Here's the site with the megamenu I'm working on: http://drupal.scienceworld.ca

As I'm rather new to JS, I was wondering what the best way to center the foldout menu in the browser would be?

share|improve this question
add comment

1 Answer

This isn't exactly a Drupal question but if you add the following to your CSS this will accomplish I think what you want.

div.qtip {
  top: 170px !important;
  left: 370px !important;
}

Adjust the values to suite your needs.

Edit: You may want to qualify that block of CSS further by prepending with it's wrapper or something, just to give it context and not break these qtip menus in other places

share|improve this answer
    
Alexander, thank you, but I had thought of that solution. I found that as the browser window changes in size, using pixels doesn't seem to be the best solution. But I appreciate your reply! –  juneuprising Dec 7 '12 at 5:46
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.