• Closed
  • Helena Guevara
    Spectator
    July 30, 2014 at 6:37 pm #8563

    Hello, I am new to wordpress and looking in the forum I couldn’t find a thread adressing this issue. My website is: feldenkrais-online.es.
    The first two menu items on the menu are drop down, in most cases when I try to access the items in the drop down menu they flicker and I need several seconds to be able to select- this gives the website an unprofessional look. I tried with firefox, chrome and safari and it is more or less them same flickering. Any help?

    Nicem SpA
    Spectator
    Posts: 28
    August 1, 2014 at 10:23 am #10302

    I have the same issue, but worse. I have 2nd and 3rd level drop-down menu also: when you try to select an item from the drop-down menus, it often disappear like you move the cursor out of them. It’s very annoying, you must try and retry to open the desired page.
    I invite you to try it on test2.nicem.it going on “Prodotti” and going down to 2nd e 3rd level menù.
    I disabled the “rollin effect” but the issue persist. This is a bug I expected to be solved in one theme update. Surely it must be fixed before our website goes on-line (now is under construction on test space).
    thank you

    Nicem SpA
    Spectator
    Posts: 28
    August 7, 2014 at 4:20 pm #10311

    In this video (grabbing browser window) you can see the issue. As you can see, the drop-down menu disappear. Mouse buttons was NOT clicked.
    http://youtu.be/Hp_22yw_zkA

    Nicem SpA
    Spectator
    Posts: 28
    August 18, 2014 at 10:24 am #10335

    Any answer?

    Roman
    Spectator
    Posts: 3147
    August 23, 2014 at 4:16 pm #10366

    I would suggest two options, you can completely disable the effect by putting this in the Custom CSS field because your menu items are too long:

    Code:
    .link-effect a span {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    }

    .link-effect a span::before {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    }

    or just change the hover text weight to normal by putting:

    Code:
    .link-effect a span:before
    Nicem SpA
    Spectator
    Posts: 28
    August 27, 2014 at 2:30 pm #12574

    As I wrote on 1 August, “I disabled the “rollin effect” but the issue persist.” so I’m using the first option yet from weeks.
    I tried to insert in the custom css this code
    .link-effect a span:before
    but nothing happens, the links in the drop-down menu still became bold when selected. I think the code is incorrect. Can you fix it?
    Thank you

    Roman
    Spectator
    Posts: 3147
    August 28, 2014 at 10:10 am #12591

    sorry, just updated the forum and the code is not correct anymore, try this one:

    .link-effect a span::before {font-weight:normal!important;}

    Nicem SpA
    Spectator
    Posts: 28
    August 28, 2014 at 3:31 pm #12606

    Thank you Roman, now the code works. Menu behaviour now is better but it still suddenly disappear when mouse cursor get in the thin space between menù colums, from 1th and 2nd level or 2nd and 3rd. See the image to understand. I think there is a margin to delete in CSS to get menù columns closer, one against other, avoiding to create empty space between them.
    Last question: it’s possible to avoid pop-up text label on menù links? I think here it’s redundant and annoying.

    thank you!

    Roman
    Spectator
    Posts: 3147
    August 28, 2014 at 10:07 pm #12620

    try this code:

    .link-effect a span:before,ul.nav-menu li.current-menu-item a, ul.nav-menu li.current-menu-ancestor a {font-weight:normal!important;}

    Nicem SpA
    Spectator
    Posts: 28
    August 29, 2014 at 3:57 pm #12631

    Hi Roman, I’ve inserted the new code (instead of .link-effect a span::before {font-weight:normal!important;}) but nothing has changed: the thin space between menù colums is still there and so the text labels do. The menù still often disappear when mouse cursor moves over it. Thank for support.

    Roman
    Spectator
    Posts: 3147
    August 29, 2014 at 8:58 pm #12637

    try this code if it helps:

    .link-effect a span:before {transform:none!important;}
    .link-effect a span {transition: none;}

Viewing 10 replies - 1 through 10 (of 13 total)