Tagged: x
-
AuthorPosts
-
September 22, 2016 at 1:20 pm #1186775
KAtamianParticipantHI,
Website is chrged.com,
Wordpress Version is 4.6.1
Cornerstone version is 1.3.2
X version is 4.6.2When 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,
KevorkSeptember 22, 2016 at 2:31 pm #1186903
RahulModeratorHey 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.
September 22, 2016 at 5:06 pm #1187060
KAtamianParticipantFirefox 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.
September 22, 2016 at 10:17 pm #1187428
RadModeratorHi 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!
September 23, 2016 at 12:09 pm #1188139
KAtamianParticipantIs there a way i can disable parallax just on firefox and ie, but keep it for chrome?
September 23, 2016 at 3:04 pm #1188295
JoaoModeratorHey 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.
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1186775 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
