Welcome, Guest
Username: Password: Remember me

TOPIC: Background images are not scaling on iPad

Background images are not scaling on iPad 1 year 10 months ago #1

  • bloos
  • bloos's Avatar
  • Offline
Hi There,

The background images are not scaling on the iPad. So the original size is displayed and that's not pretty. How can I change that? The site is on www.blooscreatie.nl.
The administrator has disabled public write access.

Background images are not scaling on iPad 1 year 10 months ago #2

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
Hi there,
please make sure that you map is responsible and max width of 100% and have no fixed pixel size.
www.joomlaplates.com/support/documentation/setup-a-google-map
The administrator has disabled public write access.

Background images are not scaling on iPad 1 year 10 months ago #3

  • bloos
  • bloos's Avatar
  • Offline
Hi! Thanks for your feedback and I've altered that within de Google Maps module… but that was not really my problem… I was referring to the background images. Those images look great on the desktop but they are not scaled on the iPad. So that looks weird. I've added a screendumb but you can check for yourself on www.blooscreatie.nl. I've had this problem before with a Joomlaplates-template and it was solved then… but I can't remember how…
The administrator has disabled public write access.

Background images are not scaling on iPad 1 year 10 months ago #4

  • 411415
  • 411415's Avatar
  • Offline
Hi there,
sorry I cant see any problems, see image attached

The administrator has disabled public write access.

Background images are not scaling on iPad 1 year 10 months ago #5

  • bloos
  • bloos's Avatar
  • Offline
Yes, I see that it works fine in iPad mode, but on an actual iPad it’s different...
The administrator has disabled public write access.

Background images are not scaling on iPad 1 year 10 months ago #6

  • 411415
  • 411415's Avatar
  • Offline
Hi there,
which IOS and which Browser is installed on Ipad.
Maybe some javascript or css is blocked by IOS
The administrator has disabled public write access.

Background images are not scaling on iPad 1 year 10 months ago #7

  • bloos
  • bloos's Avatar
  • Offline
The latest IOS version and Safari...
The administrator has disabled public write access.

Background images are not scaling on iPad 1 year 10 months ago #8

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
Please add this code to your css/custom.css
@media screen and (max-width: 768px) {
#top-a, #top-b, #top-c, #top-d, #bottom-a, #bottom-b, #bottom-c, #bottom-d {background-attachment:scroll !important}
}

BTW: Wow nice site!
The administrator has disabled public write access.

Background images are not scaling on iPad 1 year 10 months ago #9

  • bloos
  • bloos's Avatar
  • Offline
Thanks, that's seems like the code but… were do I find the custom.css? It's not in the template css files. I've tried adding a custom.css with the code myself but that didn't work…
The administrator has disabled public write access.

Background images are not scaling on iPad 1 year 10 months ago #10

  • bloos
  • bloos's Avatar
  • Offline
I've had this problem before on www.olavboerkamp.nl and there it was sufficient y adding this code tot te templates css files… but on blooscreatie.nl it doesn't do the trick…
The administrator has disabled public write access.

Background images are not scaling on iPad 1 year 10 months ago #11

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
The administrator has disabled public write access.

Background images are not scaling on iPad 1 year 10 months ago #12

  • bloos
  • bloos's Avatar
  • Offline
Yep, this was exactly how I added the custom.css file but it din't have the wanted effect…
The administrator has disabled public write access.

Background images are not scaling on iPad 1 year 10 months ago #13

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
Hi there,
please delete the Joomla and Browser Cache and delete the cache from IOS Safari
The administrator has disabled public write access.

Background images are not scaling on iPad 1 year 10 months ago #14

  • bloos
  • bloos's Avatar
  • Offline
Did that already. Still no luck…
The administrator has disabled public write access.

Background images are not scaling on iPad 1 year 10 months ago #15

  • bloos
  • bloos's Avatar
  • Offline
But perhaps you provide me with other solutions?
The administrator has disabled public write access.

Background images are not scaling on iPad 1 year 10 months ago #16

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
Hi again,
sorry I have no more solution right now.
And I cant see any issues on MAC OSX with Safari. Its the same rendering engine then Tablets have.

The administrator has disabled public write access.

Background images are not scaling on iPad 1 year 10 months ago #17

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
The administrator has disabled public write access.

Background images are not scaling on iPad 1 year 10 months ago #18

  • bloos
  • bloos's Avatar
  • Offline
I've added one of the suggested code o the forum you recommended and that did it:

css:

.hero {
background-image: url('...');
background-size: cover;
}

.no-touch .hero {
background-attachment: fixed;
}


Thanks for your endless patience and support. You really helped me out! Again, thanks!
The administrator has disabled public write access.

Einzelnes Theme ( Download 1 Template)

Das sog. "Einzelne Theme" ist für alle Kunden geeignet die lediglich ein (1) Template benötigen, egal ob kommerziell oder privat genutzt. Sie dürfen das erworbene Template auf einer Joomla Installation produktiv nutzen.


Mitgliedschaft ( Download alle Templates)

Während ihrer Mitgliedschaft ist es ihnen erlaubt alle Templates herunter zu laden und unseren Bestimmungen entsprechend zu nutzen. Nach Ablauf der Mitgliedschaft dürfen sie natürlich alle bereits in Nutzung befindlichen Templates weiter einsetzen. Sie haben jedoch nach Ende ihrer Mitgliedschaft keinen Zugriff mehr auf den Download Bereich und keinen Zugriff mehr auf Updates.

Die Zahlung ist einmalig und ihr Membership läuft automatisch aus, sofern sie es nicht erneuern.

Unsere Mitgliedschaften bieten wir ausschließlich über JoomlaPlates.com an.

Jetzt kaufen