NGMenu breaking template caused by div.wrapper
-
-
- GWS-Desk
- Sr. Rocketeer
- Posts: 132
- Thanks: 0
-
hi,
we are building a site for a client of usand she has bought the NGMenu (sort of Transmenu but better) which we are currently implementing on our testsite.
the template we have build based on the Versatility template as we usually do with success. However if you can see when moving your mouse over the menu's second item OBRE the submenus drop about 200 pix. This happens only in fontend. Backend ok. It does NOT happen in good old tabled Solarflare but it does happen in Versatility. We cannot find any solutions on this board regretfully
After lots of searching we have found the culprit (we think) and in the tempalte_css.css file there is this code which Andy and his team are using a lot in the templates:
div.wrapper {
margin: auto;
position: relative;
}
That "position: relative" breaks things up. (when we remove this from the css and reload ... the menu is fine , but the layout breaks)
Now, problem is, this "wrapper" class basically is the layout ...
So we have three options:
a) either fully rebuild the template (rebuild the layout of the template, maybe using one big table, to replace all the wrapper surrounded areas (the wrapper holds the header, the content and the footer) or
b)rebuild based on a Joomlashack-template where we know it works (we do not prefer that or we are able to find a solution here)
c) find a soluition so it does not happen
First 2 options are both bad options but we are stuck so maybe somebody here has some brilliant idea what could work?
Thanks in advance
Leo Lammerink
http://joomadesk.com
skype: joomadesk - Last Edit: 17 years 6 months ago by .
- For Professional Web-Development::
http://gws-studio.com
For Specialized Joomla Support:: http://gws-desk.com
For Specialized J-hosting:: http://gws-host.com
-
-
-
- GWS-Desk
- Sr. Rocketeer
- Posts: 132
- Thanks: 0
-
The topic is solved thanks to Georg Lorenz , the creator of NGMenu. I strongly suggest to make this sticky since I personally think that this might happen with other menu's as well...
As we mentioned we were sure that the relative positioned element enclosing the menu module was casuing the issue only were lookiing for the right answer: well here is the solutiona nd very simple and I urge the RT-team to incorporate this method standard in its templates at any cost!
Here is the solution and please refer to the description of the problem above:
Add an inline style to the div element having the class "wrapper".NGMenu needs inline styles on elements being either relative or absolute positioned for the right calculation of submenu positions at runtime.<div class="wrapper" style="position:relative;">
Cheers all
Leo Lammerink
MD Joomadesk
joomadesk.com - For Professional Web-Development::
http://gws-studio.com
For Specialized Joomla Support:: http://gws-desk.com
For Specialized J-hosting:: http://gws-host.com
-
-
-
- Donna Vincent
- Hero Rocketeer
- Posts: 348
- Thanks: 0
- On the Poll, "Waist" should be "Waste".
-
Time to create page: 0.046 seconds