Hello, I need your help into my website. When I visit my page into iPhone or Ipad my main slider is broken (attachment screenshot) I verified this problem maybe is a key -
The main slider gets style "margin-top: -367px; transform: translateY(0px); opacity" (on iPhone) and into on PC I see "margin-top: -91px"
Maybe the problem is a scaling or calculate of items /position? Other devices work fine...and Safari browser does not matter, because I verify this problem into iPhone and Chrome browser.
And I change resolution on my PC into browser everything works fine. This problem must be related to the device itself. How resolve this problem?
Hello, I need your help into my website. When I visit my page into iPhone or Ipad my main slider is broken (attachment screenshot) I verified this problem maybe is a key -
The main slider gets style
"margin-top: -367px; transform: translateY(0px); opacity" (on iPhone) and into on PC I see "margin-top: -91px"
Maybe the problem is a scaling or calculate of items /position?
Other devices work fine...and Safari browser does not matter, because I verify this problem into iPhone and Chrome browser.
And I change resolution on my PC into browser everything works fine.
This problem must be related to the device itself.
How resolve this problem?
You can add css code in WP admin -> Appearance -> Customize -> Miscellaneous: http://www.awesomescreenshot.com/image/2298871/d6d22fc47a6d755a13e357dfd136780f
@media only screen and (max-width: 768px){
.center-y.fadeScroll{ margin-top: 0!important; }
}