Printable View
I tried to implement MenuMatic horizontal menu (http://greengeckodesign.com/menumatic)in Contao 2.9.2. I followed a guide provided in German - http://de.contaowiki.org/Mootools_Au...3%BC_MenuMatic.
It seemed to work mostly, but the rendering of text is off. Instead of the menu appearing all on one line, it is broken into two lines, and the dropdowns appeared are cut off - http://dev2.oed.umn.edu/hmenutest.html.
Any suggestions about what may be causing these problems?
I got some of it problems fixed by changing MenuMatic.css file. I changed #nav from left: 50%; to left: 0px; . This made the entire menu appear in one line. However, the second level menu item text gets cut off and so does the the entire drop down.
Hi tmikk,
you also has the css for ie6 in your header -> <link rel="stylesheet" href="MenuMatic-ie6.css?1295982178" type="text/css" media="all" />
Now all browser get this...
You also missed the JavaScript. But I think you try to test the CSS part first so it would come after that...
regards
Yes, indeed! I needed to make the MenuMatic-ie6.css to be triggered only for IE6 browser. I changed this in CSS settings and it started to work!
Now, I must not have a correct path to the Javascript. I created a js folder directly under the root of installation and placed the file there. In my page layout I reference it by
<script src="js/MenuMatic_0.68.3.js" type="text/javascript" charset="utf-8"></script>
When I go to http://dev2.oed.umn.edu/js/MenuMatic_0.68.3.js I can see it.
Part of the problem is I cannot tell when it is correctly installed without having IE 6.