d-force
asked on
Content scroll is not smooth. Probably a jquery conflict
I have a problem with the scrolling of content when my website is viewed on an iphone or ipad.
Infact, if you try this website on an iphone (not by shrinking the browser window) http://www.piedicosta.com/jnuovo/it you see that the content do not scroll fluently.
It seems this is a conflict between the responsive navigation and the flexslider animation for background images because if I cancel the div that contain the flexslider image, everything seems to be fine.
Do you have an idea about how to solve this issue?
I thank you very much in advance for your kind help.
Filippo
Infact, if you try this website on an iphone (not by shrinking the browser window) http://www.piedicosta.com/jnuovo/it you see that the content do not scroll fluently.
It seems this is a conflict between the responsive navigation and the flexslider animation for background images because if I cancel the div that contain the flexslider image, everything seems to be fine.
Do you have an idea about how to solve this issue?
I thank you very much in advance for your kind help.
Filippo
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Hi,
Try to edit slider.css that is located in slidercss folder
line 26
add a line to the actual class and remove background size cover.
It will probably not work as expect because the image is set as background.
you may also want to adjust the height and the width...
You can ask your question on the official board for better solution:
https://github.com/woothemes/FlexSlider/issues
PS don't forget to add the arrow image that are still missing 404 error.
Try to edit slider.css that is located in slidercss folder
line 26
add a line to the actual class and remove background size cover.
It will probably not work as expect because the image is set as background.
you may also want to adjust the height and the width...
.flexslider .slides li {
width:100%;
height:100%!important;
margin:0px;
padding:0;
/* -webkit-background-size: cover!important;
-moz-background-size: cover!important;
-o-background-size: cover!important;
background-size: cover!important; */
border: solid 25px #FFF;
}
You can ask your question on the official board for better solution:
https://github.com/woothemes/FlexSlider/issues
PS don't forget to add the arrow image that are still missing 404 error.
ASKER
I have solved the problem with the images not found.
Now I will follow your suggestion about the jquery callings. But probably some calls are made from the joomla core. However I will search better.
Can I ask you to solve an issue with css? I would like to add a white border of 25px all around the images of the slider but I cannot be able to do it...
Could you be so kind to help me?
Thanks a lot.
d-force