CSS Dropdown menu for the header- With Categories!

[makenoiz]

Well, I got it working but this seems to cause the page to seize and nothing below this code will work. Ths is the code in tpl_expages_drop_menu:


$content = "";$content .="\n";for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) {$content .= ' <li><a href="' . $var_linksList[$i]['link'] . '">' . $var_linksList[$i]['name'] . '</a></li>'


So when I have this enabled, there is no page below the menu.

Thanks for any advice.

[starcad]

makenoiz are you sure that the file is tpl_expages_drop_menu as I can't seem to locate it?

I do find, tpl_ezpages_drop_menu


If that is the file you mean then change

$content = "";$content .="\n";for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) {$content .= ' <li><a href="' . $var_linksList[$i]['link'] . '">' . $var_linksList[$i]['name'] . '</a></li>'

to

$content = "";$content .="\n";for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) {$content .= ' <li><a href="' . $var_linksList[$i]['link'] . '">' . $var_linksList[$i]['name'] . '</a></li>' . "\n" ;} // end FOR loop

[dpet102]

Can someone post the code to add a space between the flyout menu and main body.

The mod installed without any problems, but I seem to have an issue with the spacing.

Take a look at my site, and you'll notice how tight the menu header is to the category box on the left, as well as the search box on the right.

How do I add a space in between?
Posted via Mobile Device

[dpet102]

Sorry, forgot to add the site.

indigodecorativeDOTcom
Posted via Mobile Device

[starcad]

It's in the CSS, the stylesheet_header_menu.css
Look for this, and change the width to what ever you wish 90% look good on mine.


div#dropMenu {
width:100%;
margin:0 auto;
text-align:center;
z-index:1000;
position:relative;
}

[totalsam]

When I add this mod it doesn't display the page below the new menu bar.

I have checked double checked and triple checked all the files and they all exsist. I also uploaded all of these using filezilla so they should have all been uploaded straight away.

Any ideas?

[websightdesign]

Hi Guys

I am looking at trying to change the horizontal fly out menu to look a different way, what i am trying to accomplish can be seen on littlewoods.com there drop down menu shows two level of categories in the horizontal flyout menu with the main category in bold and the subcategory in standard text all shown in columns.

Any ideas what can be done to accomplish this i presume the majority will be in the stylesheet with the line spacing and padding settings but i would need to know what code to change in the main template files or the generator to make the layout appear in this way.

Thanks
Brad

[websightdesign]

Hi Guys

Managed to do this with just the style sheet i am not 100% sure on the code for the stylesheet but here is the section i have changed.

div#dropMenu ul.level1 li.submenu:hover ul.level2 {background-color:none;margin-left:-15em;font-family:Arial, Helvetica, sans-serif; font-weight:100;color:#999999;font-size:12px;display:block;z-index:1000;width:450px;filter: alpha(opacity = 90);-moz-opacity:0.90;}
div#dropMenu ul.level2 li.submenu ul.level3 {background:none;text-align:left;font-size:10px;position:relative;display:list-item;}

Hope this helps others.

Thanks
Brad

[totalsam]

Still can't get this mod to work it is deleting everything after it - any ideas?

[kburner]

Hi Guys

Managed to do this with just the style sheet i am not 100% sure on the code for the stylesheet but here is the section i have changed.

div#dropMenu ul.level1 li.submenu:hover ul.level2 {background-color:none;margin-left:-15em;font-family:Arial, Helvetica, sans-serif; font-weight:100;color:#999999;font-size:12px;display:block;z-index:1000;width:450px;filter: alpha(opacity = 90);-moz-opacity:0.90;}
div#dropMenu ul.level2 li.submenu ul.level3 {background:none;text-align:left;font-size:10px;position:relative;display:list-item;}

Hope this helps others.

Thanks
Brad

I would like to see your site...

I have been struggling with my top level categories.

Thanks, Kim