Change Log:
2014-07-01 Version 1.0.1
* Update to the Dualfish Menu style
* Update to the Main Menu Hover style
Hipster has now been updated to v1.0.1. This update fixes an issue with the Dualfish menu display and the Main Menu hover color parameter.
If you have not edited any of the code in the files you can simply download the new version and install it via the Joomla Extension installer. You will not loose any of your parameter settings.
If you have edited the code here is the upgrade process:
1. Open the grid.css file in templates/hipster/css/
On or around line #57 find
#menuwrap .suckerfish ul.menu > li ul li ul {margin:-<?php echo $params->ddspacer;?>px 0px 0px 162px!important;min-width:150px;padding:12px;}
Directly after this line add
#menuwrap .dualfish ul.menu > li ul li ul {margin:-<?php echo $params->ddspacer;?>px 0px 0px 220px!important;min-width:100px;padding:12px;z-index:99999989;}
2. Open the default.css in templates/hipster/css/
On or around line 72 find
/* .dualfish */ #menuwrap .dualfish ul.menu > li > ul {width:390px;padding:8px!important;} #menuwrap .dualfish ul.menu > li > ul > li {width:170px;margin:0;padding:0;position:relative;float:left;padding-left:24px;} #menuwrap .dualfish ul.menu > li > ul > li > ul {left:0px!important;width:250px;margin-top:-6px!important;} #menuwrap .dualfish ul.menu > li > ul > li > ul > li > ul {left:0px!important;width:250px;margin-top:-2px;}
Replace these lines with the following:
/* .dualfish */ #menuwrap .dualfish ul.menu > li > ul {width:390px;padding:8px!important;} #menuwrap .dualfish ul.menu > li > ul > li {width:170px;margin:0;padding:0;position:relative;float:left;padding-left:24px;} #menuwrap .dualfish ul.menu > li > ul > li > ul {left:0px!important;width:200px;margin-top:-6px!important;} #menuwrap .dualfish ul.menu > li > ul > li > ul > li > ul {left:0px!important;width:200px;margin-top:-2px;}
3. Open each style.css in templates/hipster/css/
On or around line 58 find
#menuwrap ul.menu > li.deeper.parent.xtcHover {background-color: <?php echo $params->toplevelahoverbgcolor;?>;z-index:999999999999!important;position:relative!important;}
Replace with the following:
#menuwrap ul.menu > li.deeper.parent.xtcHover,#menuwrap ul.menu > li:hover {background-color: <?php echo $params->toplevelahoverbgcolor;?>!important;z-index:999999999999!important;position:relative!important;}
Done!
