I have set the width of the menu minipanel to width:100% in an external css doc. The menu on the x axis starts at my custom target but ends at the edge of the browser page. I can't set a defined px width since I have an adaptive theme. Should I add a container to change the defaults $(document.body) to #content? When I try that the menu disappears.

Comments

intcomtech’s picture

intcomtech commented

No you don't need to add a container.
I had a similar problem but after much trials, some CSS manipulations did the magic.
The qtip css is what is responsible for the positioning of the mini-panel.
here is what i did.

.qtip-content{
position: fixed;
left: 200px;
width: 900px;
}

The above was in accordance with my webpage size, But you must make the position to be fixed so as to enable the mini-panel to display at the same spot no matter which of the menu that is hovered.

Other CSS changes you can make are :
.qtip-wrapper{}
.qtip-contentWrapper{}

I adopted the above measure because i am don't know much about Javascript neither do i understand the document DOM.
If it helped you....Cheers!

intcomtech’s picture

intcomtech commented

I had a similar problem but after much trials, some CSS manipulations did the magic.
The qtip css is what is responsible for the positioning of the mini-panel.
here is what i did.

.qtip-content{
position: fixed;
left: 200px;
width: 900px;
}

The above was in accordance with my webpage size, But you must make the position to be fixed so as to enable the mini-panel to display at the same spot no matter which of the menu that is hovered.

Other CSS changes you can make are :
.qtip-wrapper{}
.qtip-contentWrapper{}

WickedJ’s picture

WickedJ commented

intcomtech, you saved my day!
works fine in Drupal 6