قالب وردپرس درنا توس
Home / IOS Development / html – Button error only on IOS

html – Button error only on IOS



The site I'm working on has a problem with a slider I created, and it drives me crazy.

Under the section titled "Featured Customers" on this site, the arrows on the buttons on any iOS device are misplaced and the button either does not work at all or very poorly.

I suspect there is a problem with css support or css standards for iOS devices because I am not getting the same problem on any other device. It happens on both chrome and safari. After troubleshooting through my free trial on browser stack, I couldn't really figure it out, and I can't afford to pay for a subscription.

These are scss I wrote where I think the error is:

. slideshow customers {
width: 1
00%; display: flex; flex base: car; position: in relationship; # left slide, # right slide { margin: auto; peak: 0; bottom: 0; z-index: 2; background: white; side: 0; color: # 18243f; box shadow: 0px 1px 5px 1px rgba (204,204,204,0,6); boundary radius: 50%; line-height: 1.8em; font-size: 1.8em; height: 1.8em; width: 1.8 cm! important; flow: hidden; The cursor: the pointer; display: flex; & .fas.fa-chevron-left, & .fas.fa-chevron-right { margin: auto; box-sizing: border-box; color: rgba (24,36,63,0,8); } & .fas.fa-chevron-left { transform: translateX (-2px)! important; -webkit-transform: translate3d (-2px, 0.0)! important; -ms-transform: translateX (-2px)! important; } & .fas.fa-chevron-right { transform: translateX (2px)! important; -webkit-transform: translate3d (2px, 0.0)! important; -ms-transform: translateX (2px)! important; } }

Any insight is greatly appreciated!


Source link