Menu displayed when page loads

Hi

I'm using gavick params menu to display many categories and subcategories and i have a little problem i would like fix it.

When page loads menu is shown, usually is for a bit time but with slow connections it's displayed for one second around and it's not nice visually. How i can hide this when page loads?

Regards.

P.S. My website is www.juguetitossex.es

Please try this code:

Code: Select all

.gkMenu > ul > li > .childcontent, .gkMenu > ul > li > .childcontent .childcontent {
height: 0px;
width: 0px;
opacity: 0;
left: auto;
overflow: hidden;
}


It should help, but if not, please write back.

Please read first about adding custom CSS:
http://www.gavick.com/documentation/joo ... -template/

Hi Cyberek.

Thank you for your answer but not works fine.

When i use that code when page loads subcategories are not shown but neither displayed subcategories when i "rollover" categories. Maybe there should be some way to do this with javascript and only affecting when page is loading.

I tried different CSS codes but it's difficult to do this when page loads.

Regards.

Are your site live, or can You post those mentioned changes and give me a replay to check what else can be done?
Or perhaps You could create copy of a site to test few solutions?
The problem is with menu itself and JavaScript which makes it works. The menu is open at start, and when page loads, JS hides what doesnt have to be shown. So the only solution is to hide elements in css the same way JS is doing it later - and this should work with solution given above, but as long as I can't see it live, I Cant tell why it is not working .

The other solution would be to give the submenus display:none; and with JS onload show them again, and then fire all showing/hiding mechanisms.

Hi

The problem when i add that CSS code is "sub-items" of main menu are never displayed. The menu is not open at start but neither when i put mouse pointer over menu.

You can see that: www.juguetitossex.es. If you prefer i can give you FTP access to check it.

Regards.

Please send me a PM with:
1. URL to your website
2. ftp data (host, user, password)
3. link to this thread

Hi Cyberek.

I sent you a PM on Monday. Have you seen it?

Is the override.css enabled on your site?
If not, please enable it (and remove the code that makes submenu items not show).

Hi

override.css is enabled now.

I dissabled Joomla Cache, you can see changes now.

Thank you

Ok, it was fast one:

Code: Select all

.gkMenu > ul > li > .childcontent, .gkMenu > ul > li > .childcontent .childcontent {opacity: 0;}


This code do exactly what You want, and is added to your override.css now.

It's perfect

Thank you Cyberek!