Language selector don't works on Safari

Hello!

In the site http://aquaworld.com.mx you can see the language selector in the top left corner and it works well in chrome but no in safari. Can you help me?

Thanks a lot!

  • Jorge Castro
    • The Incredible Code Injector

    Hello Michael!

    if you hover over it you can't see the other language and be able to click on it.

    In the console I only see warnings of CSS:

    [Warning] Unexpected CSS token: : (style.css, line 130)
    [Warning] Unexpected CSS token: : (style.css, line 131)
    [Warning] Invalid CSS property declaration at: * (owl.theme.css, line 17)
    [Warning] Invalid CSS property declaration at: * (owl.theme.css, line 41)
    [Warning] Unexpected CSS token: : (style.css, line 105)
    [Warning] Unexpected CSS token: : (style.css, line 106)
    [Warning] Unexpected CSS token: !important (aquaworld.com.mx, line 57)
    [Warning] Unexpected CSS token: : (mediaelementplayer.min.css, line 1, x2)
    [Warning] Invalid CSS property declaration at: / (css_compiled.css, line 1)
    [Warning] Invalid CSS property declaration at: ; (css_compiled.css, line 1, x2)
    [Warning] Unexpected CSS token: $ (css_compiled.css, line 1)
    [Warning] Invalid CSS property declaration at: ; (style.css, line 36)
    [Warning] Invalid CSS property declaration at: ; (style.css, line 6042)
    [Warning] Unexpected CSS token: : (style.css, line 8344)
    [Warning] Unexpected CSS token: : (style.css, line 8698)
    [Warning] Unexpected CSS token: : (style.css, line 8699)
    [Warning] Unexpected CSS token: : (font-awesome.min.css, line 4, x5)
    [Warning] Unexpected CSS token: !important (aquaworld.com.mx, line 142)
    [Log] [cycle2] --c2 init-- (jquery.cycle2.min.js, line 6, x8)
    [Warning] Invalid CSS property declaration at: * (1351747024.css, line 1)
    [Warning] Unexpected CSS token: $ (1351747024.css, line 1)
    [Warning] Invalid CSS property declaration at: * (1351747024.css, line 1)
    [Log] A "good" browser detected :D (13517470.js, line 5522)

    Thanks a lot!

  • Ash
    • WordPress Hacker

    Hello @Jorge Castro

    I have just tested with two of my colleagues and they confirmed the language drop down works fine.

    Well, are you using safari in windows? Note that, the last version they released at 2012. Which version of Safari you are using in which OS?

    Cheers
    Ash

  • Ash
    • WordPress Hacker

    Hello @Jorge Castro

    Yes, this is strange :slight_frown:

    But yes, I can confirm your issue in a larger monitor, but small monitor it works okay.

    Anyway, would you like to redo that part? If you need to I can give you some code for this, you just need to re-apply.

    Cheers
    Ash

  • Ash
    • WordPress Hacker

    Hello @Jorge Castro

    I hope you are well today.

    Use the following code, you need to change css to match style with your site.

    HTML:

    <div id="my_lang">
        <ul>
            <li>
                <a href="#">English</a>
                <ul>
                    <li>
                        <a href="">Spanish</a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>

    CSS:

    #my_lang ul{
        margin:0;
        padding:0;
        list-style-type: none;
    }
    #my_lang > ul li{
        position: relative;
        z-index: 999;
        margin:0;
        padding: 0;
    }
    #my_lang ul li a{
        line-height: 30px;
        padding: 0 15px;
        display: inline-block;
        background: #fff;
        color: #000;
        position: relative;
        z-index: 999;
    }
    #my_lang ul li ul{
        position: absolute;
        left: 0;
        transition: 0.5s;
        top:0;
        z-index: 99;
    }
    #my_lang ul li ul li{
        position: static;
        z-index: 99;
    }
    #my_lang ul li:hover ul {
        transition: 0.5s;
        top: 30px;
    }

    Demo: http://jsfiddle.net/68vdc4ev/ (hover on English)

    Hope it helps :slight_smile: Please feel free to ask more question if you have.

    Cheers
    Ash

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.