Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #134169

    cristinap_2
    Participant

    The toolbar and paralax pics are not working in Safari. Website is http://www.messengerofthename.com

    #134319

    Zeshan
    Member

    Hi there,

    Thank you for writing in!

    Upon checking your website on Safari on Mac OS, the toolbar and the parallax is working just fine (see: http://prntscr.com/50wgio). Would you mind providing us with a little more detail about the OS and which safari’s version you’re using?

    If you’re using Safari 5, similar to how we discontinued IE8 support, we will no longer be supporting Safari 5 or older. Those browsers are now longer in Apple’s release cycle, and neither is Snow Leopard. Safari 5 is not fully HTML5 compliant, and has been known to have rendering issues with CSS3.

    If you’re having menu issues, you can try adding this CSS under Customizer > CSS > Custom.
    .masthead *, .x-slider-revolution-container *, .site .entry-featured *{ -webkit-transform: none !important; -webkit-transition: !important; }

    We’re sorry we can’t support Safari 5 in the theme itself. There may be a more permanent solution we can offer in the future, but with it being an older browser, and quite an unpopular version (http://www.w3counter.com/globalstats.php) we’re unable to focus on this right now. We’re certainly committed to making X the best it can be in modern browsers and devices!

    Thanks for understanding. Take care!

    #134551

    cristinap_2
    Participant

    Thanks for the response. I am using Safari 5.1 and I suppose many of my friends are as well as they have reported no nav bar. Thanks for the help though!

    #134822

    Rad
    Moderator

    Hi Cristina,

    First, remove your custom coding related to unselectable script. It throws on my end. Then once you’re done, add this code at your customizer’s custom css.

    .safari_5_1 > *:not(.masthead) * {
    -webkit-transform: none !important;
    -webkit-transition: !important; 
    }

    Then this code at your customizer’s cusom javascript.

    jQuery( function($){
    
    if ( $.browser.safari == true && $.browser.version <= '534.59.10' ) {
    $('html').addClass('safari_5_1');
    }
    
    });

    That should do it, and it won’t affect any of your safari version.

    Cheers!