VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
CHECK OUT OUR PAGE ON GOOGLE +
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me

Non-responsive slideshow background on iPad/iPhone
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: Non-responsive slideshow background on iPad/iPhone

Non-responsive slideshow background on iPad/iPhone 27 Aug 2015 21:55 #7299

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%;
}

  • Posts:2
  • shornes
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Non-responsive slideshow background on iPad/iPhone 28 Aug 2015 03:17 #7301

How do you want to reduce the size of background-image? background-size property values, you can refer here.

joomfreak

  • Posts:2026
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0

Re: Non-responsive slideshow background on iPad/iPhone 28 Aug 2015 21:01 #7305

Not sure if I understand your suggestion, because I do not really want to fix the size of my image.
What I would like to see happen when using an iPhone or iPad, is that my background images shrinks automatically, such that the whole image reamins visible (afyer all it works perfectly for all other smart phones and tablets, just NOT for iPhone/iPad). Please have a look at the website www.deirdreangenent.com on a PC (with Windows) to see the fulll image and compare this to what you see on an iPhone/iPad. On an iPad/iPhone you only see a small section of the image, i.e. the top middle part of the image.
Does this explanation help to come up with a possible solution?
Attachments:
  • Attachment This image is hidden for guests. Please log in or register to see it.
Last Edit: 28 Aug 2015 21:02 by shornes.

  • Posts:2
  • shornes
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Non-responsive slideshow background on iPad/iPhone 31 Aug 2015 03:23 #7311

I understand your explanation. On an iPhone/iPad, you can't see the full image fit inside the device area.

joomfreak

  • Posts:2026
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 0.57 seconds

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.