Support for CSS Flyout Menu

[stiggy100]

My apologies,

I had made an error in re-saving the stylesheet_categories_menu.css in post 361...

Time to change those colors

Excellent addon...

[Get Em Fast]

Hi all.........Just letting everyone know, that after a very long sick leave, that I'm now back in the "game". So, if any of you are still having problems with your Flyout Menu, re-post your question, and I'll try to help you solve the problem(s) as soon as possible.

Sorry for any inconvenience that this illness might have caused anyone.

[Kim]

OT- Welcome back Robert. Long time no see.

[Get Em Fast]

Thanks, Kim...............Good to be back.

[dudemaaan]

wannspeed.com is my site

I have the css flyout menu installed.

How can I add the #catBoxDivider that seperates "specials, new products, featured products and all products" from the main products listed?

[dudemaaan]

Also for some reason my subcategories don't fly out directly to the side, they drop down one row which makes it really tricky to cross with the mouse. What setting do I need to edit to fix that? wannaspeed.com (my server is having issues after a big upgrade so the site may load slow.)

[Get Em Fast]

wannspeed.com is my site

I have the css flyout menu installed.

How can I add the #catBoxDivider that seperates "specials, new products, featured products and all products" from the main products listed?

In your "includes/templates/CUSTOM/css/tpl_categories.css" , you should have a line (line 28 for me) that looks like this:

$content .= '<P></P>';  // insert a blank line/box in the menu

is it missing or commented out?

Also for some reason my subcategories don't fly out directly to the side, they drop down one row which makes it really tricky to cross with the mouse. What setting do I need to edit to fix that? wannaspeed.com (my server is having issues after a big upgrade so the site may load slow.)

In your "includes/templates/CUSTOM/css/stylesheet.css" , find this section of code:

div#nav-cat ul ul {
    z-index: 1000; position: absolute; top: 1; left: 100%;
    display: none; 
}

you currently have the "top:" set to 1........set it to 0.


Hope this helps.

[dudemaaan]

Ok setting the top align to 0 worked perfectly! Thanks a hundred times.

My tpl_categories.css wasn't located in the directory you listed. I found mine in "includes/templates/CUSTOM/sideboxes/tpl_categories.css

I opened it up and it looks pretty close to what you have

if (SHOW_CATEGORIES_BOX_SPECIALS == 'true' or SHOW_CATEGORIES_BOX_PRODUCTS_ALL == 'true'){
    $content .= '';  // insert a blank line/box in the menu
    if (SHOW_CATEGORIES_BOX_SPECIALS == 'true') {

Does it need the "<p><p>" or do I need to move it to the other directory?

One last unrelated question. Can I add arrows only to the categories with sub categories? My version has no background images or references to images right now.

[Get Em Fast]

No, don't move it. That was my bad.......I forgot a folder. Sorry for the confusion.

Yes, you put the '<p></p>' for a blank line.

Hope this helps.

[dudemaaan]

When I add the '<p></p>' I end up with a double white space and no line between the products and specials area.

I've tried <hr> with varying styles but It never comes out quite right. It's always a white section with a line in it. Or something else weird. All I really want is a grey line that divides it. I tried a <div> styled but then it changed my whole page some how so I took it off.