Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1186775
    KAtamian
    Participant

    HI,

    Website is chrged.com,
    Wordpress Version is 4.6.1
    Cornerstone version is 1.3.2
    X version is 4.6.2

    When viewing the homepage on Chrome, the Parallax on the page works as intended. But when viewing it on Firefox or IE,
    I notice a gap in between the sections that are set to parallax.

    The reason i think this is happening is because i have applied a Transform-Skew to the sections to give the separation between the sections a 2.0 degree angle.

    The code i used for this, which may also be the issue is

    .skew-box {
    -moz-transform: skewY(-2.0deg);
    -ms-transform: skewY(-2.0deg);
    -o-transform: skewY(-2.0deg);
    -webkit-transform: skewY(-2.0deg);
    transform: skewY(-2.0deg);
    margin:0px !important;
    }

    .skew-box> *{
    -moz-transform: skewY(2.0deg);
    -ms-transform: skewY(2.0deg);
    -o-transform: skewY(2.0deg);
    -webkit-transform: skewY(2.0deg);
    transform: skewY(2.0deg);
    margin:0px !important;
    }

    If i disable the Parallax or remove the skew transform, the issue is resolved. But i would like to implement both as we like the look of it.

    Any help would be appreciated
    Thanks,
    Kevork

    #1186903
    Rahul
    Moderator

    Hey there,

    This is currently a known Card issue on Windows 10 and IE 11 that is still being investigated. We’re sorry for the inconvenience. Please stay tuned for updates.

    Can you please confirm which Firefox version are you using?

    Thank you for understanding.

    #1187060
    KAtamian
    Participant

    Firefox is on version 49.0, this happens when i view it From a Mac or PC (not sure if that helps or not)

    Ill keep an eye out for the IE update, thank you for responding so quickly.

    #1187428
    Rad
    Moderator

    Hi there,

    Sure, please let us know 🙂

    Though, it’s due to transformation effect plus padding. Each browser has its own rendering engine, maybe on this case, it calculates the positioning after the transformation.

    Thanks!

    #1188139
    KAtamian
    Participant

    Is there a way i can disable parallax just on firefox and ie, but keep it for chrome?

    #1188295
    Joao
    Moderator

    Hey there,

    Thanks for writing in! Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

    Thank you for your understanding.

  • <script> jQuery(function($){ $("#no-reply-1186775 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>