• Closed
  • Manfred Schweda
    Spectator
    July 12, 2016 at 11:36 am #28906

    Hi,
    http://generizon.com/
    Hovering over the menu blanks out the language only, not the flag, not the other menu items….
    This is from the Polylang language changer plugin.
    Interesting doesn’t do that when the menu is anchored on top….
    Kind Regards,
    Manfred

    Daniel Jones
    Spectator
    Posts: 148
    July 12, 2016 at 1:51 pm #28909

    Hi Manfred,

    Thanks for contacting us.

    I’m not sure whether it’s clear to me. Kindly could you try explain the issue clearly even using screenshots so that I may be in a better position to help.

    Looking forward to your reply.

    Manfred Schweda
    Spectator
    Posts: 36
    July 13, 2016 at 11:10 am #28947

    Thanks for your reply Daniel,

    on any generizon.com page the texts of the menu items are all visible,
    when hovering they are all visible but color changes to red,
    all but the language changer item which is the first from the left, the text of the language changer item disappears, goes blank when u hover over it.
    (That is not the case when the menu anchors on top that means when u scroll the page down….)
    Hope this is clearer.
    http://generizon.com/hover.png
    http://generizon.com/not-hover.png
    Thanks a lot
    Manfred

    Denzel Chia
    Moderator
    Posts: 2656
    July 14, 2016 at 1:30 am #28957

    Hi,

    Please use the following in your Theme Options -> Custom CSS


    .nav-menu li a span:hover {
    color: red !important;
    display: block !important;
    margin-left: 21px !important;
    }
    .nav-menu li a:hover {
    color: red !important;
    display: block !important;
    }

    Thank you

    Manfred Schweda
    Spectator
    Posts: 36
    July 14, 2016 at 11:30 am #28963

    ok
    still on point …
    …hovering over the flag picture still blanks out the language text…

    Thanks for great support
    Manfred

    Daniel Jones
    Spectator
    Posts: 148
    July 14, 2016 at 2:55 pm #28964

    Hi Manfred,

    Thank you for getting back to us.

    Hmm, seems like a transition issue. Kindly try and use the following CSS code to resolve this.

    @media only screen and (min-width: 768px)
    .link-effect a:hover span, .link-effect a:focus span {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    }

    Please let me know if this helps.

    Manfred Schweda
    Spectator
    Posts: 36
    July 14, 2016 at 3:40 pm #28966

    Hi Daniel
    and thanks again, but no joy here,
    Rgds Manfred

    Manfred Schweda
    Spectator
    Posts: 36
    July 14, 2016 at 3:44 pm #28967

    Also when anchored on top and hover over text
    The text jumps down half a line
    see screen shot
    http://generizon.com/hover-top-anchor.png
    Kind Rgds
    Manfred

    Daniel Jones
    Spectator
    Posts: 148
    July 14, 2016 at 5:17 pm #28969

    Hi Manfred,
    Thanks for keeping in touch with us.

    After taking a closer look at the issue it seems the problem is with the display: block. I realise that setting it to list-item (which is exactly what the element is), it stopped disappearing and blinking off.

    Please try adding this code to your Custom CSS and see what happens:


    .nav-menu li a span:hover {
    display: list-item!important;
    }

    Please let me know if this helps,
    Kind Regards.

    Manfred Schweda
    Spectator
    Posts: 36
    July 14, 2016 at 7:24 pm #28982

    Hi Daniel, thanks for all the help,
    but unfortunately no change, goes blank when hover ov flag
    Rgds
    Manfred