When viewing this url, http://flatheadchiropractic.com/, on a mobile device and when one scrolls down to "Walk-in Hours" (make sure it it's at the top of your screen) the screen will being to move by itself after a few seconds and it will scroll up and down between "Walk-in Hours and "Appointment Hours". Actually if you view any location of that on your phone it will begin to auto scroll. We tested this on multiple iPhones using safari and google chrome and the issue is relevant with both. Could you tell me how I can prevent this from happening?
The issue is caused because the slide caption of each slide is different in height on mobile/tablet screens. The main reason is the large image that is added to one slide. Please make sure the captions are all equal in height.
You can also add some CSS to set a fixed height to the slide captions so it will not "bounce" in height. Please add the following via Appearance > Customize > Theme Options > Custom CSS. The 400px and 300px value can be changed to your own needs.
When viewing this url, http://flatheadchiropractic.com/, on a mobile device and when one scrolls down to "Walk-in Hours" (make sure it it's at the top of your screen) the screen will being to move by itself after a few seconds and it will scroll up and down between "Walk-in Hours and "Appointment Hours". Actually if you view any location of that on your phone it will begin to auto scroll. We tested this on multiple iPhones using safari and google chrome and the issue is relevant with both. Could you tell me how I can prevent this from happening?
Hi there,
The issue is caused because the slide caption of each slide is different in height on mobile/tablet screens. The main reason is the large image that is added to one slide. Please make sure the captions are all equal in height.
You can also add some CSS to set a fixed height to the slide captions so it will not "bounce" in height. Please add the following via Appearance > Customize > Theme Options > Custom CSS. The 400px and 300px value can be changed to your own needs.
@media (min-width: 768px) and (max-width: 992px) { .jumbotron .jumbotron-caption { height: 400px; } } @media (max-width: 768px) { .jumbotron .jumbotron-caption { height: 300px; } }If you have any questions, please let me know.
Best regards,
Barry
QreativeThemes.com | WordPress Themes