I have Maximenu running, displaying several mini panels in dropdown menus from a navigation menu.
The problem is that all the dropdown divs are being given the same class, and none have an ID. Each has the class: .om-maximenu-content. I can style one to be a fixed width and align to the page, but then the others will be offset by the same amount. I've looked through all the Maximenu settings again and again with no luck. Has anyone else faced this issue?
An additional question is this: Why does Maximenu generate so many empty divs around the content div? And why does it always always place the content in the om-maximenu-middle-right div?
I hope this is enough information. I imagine anyone who can answer this question will be familiar with Maximenu and won't need to look at my code.
Comments
To answer my own question
It turns out the answer is deep selectors and tpl file edits.
hope you can help..
may i now what is the the name of selectors and tpl you edit? thanks
same problem here
we have the same problem, hope some one could advice.
create a new menu theme
in the sites/all/modules/om_maximenu/skin folder, duplicate whichever skin you'd like to modify to a new folder and rename that folder to whatever you'd like. Rename the included css file to the same name. That's your new skin. You need to specify that it be used in the maximenu settings.
Inspect the page containing the menu using firebug or firefox or whatever. You'll see that each li that makes up the menu is assigned an ID: id="om-leaf-main-menu-imported-386"
Go to the css file your maximenu skin is based on. You'll need to make a descendant selector from that id:
repeat this for each li until you're finished.
I mentioned the page.tpl above, I can't remember why that was needed at the time.
Tanks
Tanks, Worked for me :-)