Hi all,
Sorry incase I'm posting a topic that has been submitted one or more times before.
I'm using JF Calla Exteriors template (Template version 1.0 / 2013 in Joomla 3.3.6). Although the website (
www.deirdreangenent.com) behaves responsive on most platforms, smart phones and tablets, it does NOT so on iPhones and iPads. Problem: Instead of reducing the size of the slideshow background-image, it is displaying the top middle section of the image.
Any suggestions to get this fixed?
Description of #jf-slideshow in template.css:
#jf-slideshow {
background-clip: border-box;
background-color: #00446D;
background-image: url(../images/banner_4d.jpg);
background-origin: padding-box;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
position: relative;
z-index: 50;
/* Width added myself in an attempt to fix the problem! */
width:100%;
}