Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #21771

    Hi,

    01. On my home page, titles in the main menu bar are displaying with a little delay (with the .each() function) but would you know why there’s a little waiting just after “The Cocktail” section ? It seems like my msz.js files is a bit heavy… no ?

    02. Would you have an issue for my dropdown menus (when hovering “cocktails” and “products” sections) because when I do a quick backwards and forwards movement on the dropdown area limit I just see a blank div… Is this because of the .stop() function somewhere ?

    Thank you very much

    #113038

    Hi,

    I am sorry. Cocktail? Is that the theme you are using? Not sure if msz.js is heavy, but that 170k sprite you are using could lose 100k easily with some compression.

    http://www.clipular.com/c?4156208=FE83HYxLJCmHrX9gcsLvHM3yo08&f=.png

    Thanks,

    Nick

    #113039

    No cocktails is the name of one of my sections in the menu !

    #113040

    Ho sorry man, I forgot the URL !!!!

    The website I’m talking about is this one : http://massenez.com !

    Thanks

    #113041

    Hi,

    Ah! That explains it, because I was looking at the link from your name and trying to figure out if under all those modifications there is something left of the Choices theme. :)


    I would update to latest version of WordPress and I am not sure what version of Choices you are using, but please check if there are updates available for it on themeforest.net


    I am getting an error before cocktail here, http://massenez.com/en/ , with aviapoly2.js on line 1752 that looks like

    if(!controls['prev'].length) return;

    error: Uncaught TypeError: Cannot read property ‘length’ of undefined

    This would fix it up -> http://css-tricks.com/snippets/jquery/check-if-element-exists/


    on cocktail page ( ) i am getting error on line 1 of iscroll.js Uncaught TypeError: Cannot read property ‘style’ of null

    This is what I see https://docs.google.com/file/d/0B8hqGBMSfHtKRTB3aEZlSVRaclU/edit?usp=sharing (video) on Chrome Win7. I see top menu bar, then menu bar gone, then splash screen, splash screen gone, then menu bar appear again, then second menu bar below first one.

    I am sorry but IMO this is outside the scope of the support team, since you have so much custom js in there that its hard to say what’s going on. I would trace in Chrome dev tools the entire loading of the page sequence to see what”s going on in there , if i understood correctly what your concerns are.

    2) If you mean that flickering when you put mouse over products and the bottles start scrolling that shows the layer under it semi-transparent for a second when mouse goes down, i was able to get rid of it by adding this css https://docs.google.com/file/d/0B8hqGBMSfHtKejVEYzh0N1VZLU0/edit?usp=sharing

    #top .dl-brochure {
    height: 100% !important;
    }

    Thanks,

    Nick

    #113042

    Hi, thanks a lot for your reply !

    How do you see the error on aviapoly2.js on line 1752 ?

    I couldn’t manage to localize it !

    But I modified the file with ” if(!controls.length > 0) return;”

    Is that good ?

    #113044

    Hi,

    Using Chrome Developer Tools.

    You can try, I am not sure offhand. This error is not present normally so its likely something to do with the jqeury you’ve added. Try to deactivate the products and reacteviate them one by one till you see who is responsible, then try to find a substitute plugin for the buggy one.

    Thanks,

    Nick

    #113045

    Hi,

    Right now both errors are gone. Good job! Though I see you don’t want to use my css , so the problem with the flickering remains.

    Thanks,

    Nick

    #113046

    Hi, I’ve tried your css but it doesn’t change anything for me…

    Thus, it’s not beautiful to see a small button with an huge height like that !

    You don’t have any other solution ?

    Thx

    #113047

    Hi,

    Actually I do. Try this. I did, and it stopped the flickering of the layer below.

    #top #nav_overlay {
    background-color: white !important; /*you have 0.8 opacity */
    }

    Right now you have this 0.8 opacity on the html below forced by jquery somewhere so need ! important or it won’t override it

    <section id="nav_overlay" style="background-color: rgba(255, 255, 255, 0.8); display: none; background-position: initial initial; background-repeat: initial initial;"></section>

    The vertical strike-through line that separates the right and left bottle slider in the menu stil flickers for a second, but the background remains solid.

    Thanks,

    Nick

    #113048

    Heh. I solved your issue after running a javascript & css profile through chrome dev tools. Well at least I know now why it happens. Here I explain the issue https://docs.google.com/file/d/0B8hqGBMSfHtKU0xwd2FXYlZudlE/edit?usp=sharing

    Here is the CSS i reflect upon (you can add it to get the effect I show in the video.

    #ProductWrapper {
    width: 1000px;
    height: 485px;
    left: 200px;
    overflow: visible;
    }

    Thanks,

    What’s interesting is that the second slide show is now on the bottom somewhere.

    Nick

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Delay when displaying menu titles’ is closed to new replies.