Elxis CMS Forum

Extensions => Templates => Topic started by: azmi2 on November 22, 2012, 20:18:42

Title: EI Superfish Menu Problem
Post by: azmi2 on November 22, 2012, 20:18:42

i installed EI-Superfish menu.implemented it on top menu.i create some items on top menu,then i create some sub menu under one of top item.but it looks strange when i mouse over to sub menu,it expanded and same tome main menu item also expanded up to same width of the all sub menu width,due to this top menu items disturb from their own position.

please look this matter as urgent and try to give solutions as soon as possible

Title: Re: EI Superfish Menu Problem
Post by: speck on November 25, 2012, 15:13:51

basic layout has no problem.
if u changed sometimes, reset all e restart from zero

u need modify only that css classes have width:170px.

if u create
.sf-menu ul.hover {
   width:110 px
}

or modify example
.sf-menu li:hover, .sf-menu li.sfHover{
   width:110 px
}
u need sure this class is before of

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
   left:         170px; /* match ul width */
   top:         0;
}
and
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
   left:         170px; /* match ul width */
   top:         0;
}
otherwise u can have problem when mouse is over the top level menu.
i u go over sub menus with mouse, is strange that also the topmenu change width

in any case a link to site is always request to solve quickly your problem. i don't know what you did in css classes.
if u use firefox as browser u can install the plug-in extension called firebug. this allows you to see in realtime the css used and identify the css class gives you problem.

Title: Re: EI Superfish Menu Problem
Post by: azmi2 on November 26, 2012, 13:22:29

thanks specks.i check all,but unsuccessful.can you tell me which css files i have to edit and customize.

thanks

Title: Re: EI Superfish Menu Problem
Post by: speck on November 26, 2012, 19:34:47

in the folder of the module, u'll find some folders
make a copy for security of mod_eifish_menu/example1
and work on original.

example1 is an example of horizontal menu

in admin panel of module set example1 as custom css and get a look if the horizontal bar works right in your site. if yes, change only colors, dimension fonts and all the width = 170px with the width u need for submenu. change also all values left = 170px with the same value of your width

don't modify other css classes if u don't know what u do.

ADVISE

if u don't want working on orginal file but on the copy, rename the security copy of example1 and all files with name u want use to identify your custom classes
make the same thing renaming all .sf-example1 u find in the two css files....
example:
/copy of example1/ --> /mycss/
example1.css ---> mycss.css
example1-rtl ---> mycss-rtl.css

open the two files css and rename

.sf-example1 ---> .sf-mycss

Title: Re: EI Superfish Menu Problem
Post by: azmi2 on November 26, 2012, 22:44:31

great working

thanks

Title: Re: EI Superfish Menu Problem SOLVED
Post by: azmi2 on November 27, 2012, 07:17:18

great speck,the problem was NOT in ei superfish menu,but in template css.i just commented

/* top menu - Flat
.navigation ul {
   overflow: hidden;
   margin: 0px;
   padding: 0px;
}
*/
 in customize.css  file

thanks a lot