Button Positioning Off in Mac Browsers

HTML & CSS
1

On this site in the slider, the green button seems centered in Windows browsers. But in Mac browsers, including the iPad devices, the green button runs off to the right. Browserstack at least displays it that way.

The

element itself is set to centered. Can anyone with a Mac and is using any iPad devices verify my findings?

714×399 381 KB

Thank you.

2

Try this:

.tp-caption.fade.start {
-webkit-transform: translate(-50%,0)!important;
}
3

You know, I’m already using the ‘translate’ but I didn’t think to use -webkit-transform. So I’ve added it to my other style code:

.tp-caption.fade.start {
left: 50%!important;
transform: translate(-50%,0)!important;
-webkit-transform: translate(-50%,0)!important;
-moz-transform: translate(-50%,0)!important;
-ms-transform: translate(-50%,0)!important;
-o-transform: translate(-50%,0)!important;
}

And that works hecka sweeeeeeeeeeeet!

Thank you, PaulOB!

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.