BG Image Won't Play Well w/ My iPad

This topic has 6 replies, 2 voices, and was last updated 9 years, 8 months ago by Wes.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
August 24, 2014 at 1:00 pm #13639
MHSigers
Customer
I used insync to build a client’s website but had a problem with the background image not resizing.

The background image doesn’t resize on all devices. It looks great on the laptop, but terrible on smaller browsers.

Is there any way to make it responsive?

I’ve replaced the theme for the time-being, so I don’t have pictures to show you – I’ll just use the insync demo because it does the same thing my bg pics did.

On iPhone –

On iPad –

Laptop –

Thanks!
August 24, 2014 at 7:43 pm #13640
Wes
Moderator
It seems to be working on the iPhone when I check – http://i.imgur.com/cbkQwBA.jpg

Perhaps your browser is showing an older cached version of the site? Can you hit your Reload button on your mobile browser to see if that makes a difference? I’ll need to borrow an iPad to check how it appears on a tablet.

I do plan to add a couple minor updates pretty soon so I’ll be making sure that all responsive issues are fixed when I do. Although, most of the responsive features are working fine, the only thing that wasn’t responsive were the background images a while ago. Background images don’t respond in the same way as inline code, images, or text does…..We have to add some custom workaround code to get background images to respond, but it definitely should be responsive. I’ll have to double check on an iPad to see how it looks. If it’s not showing up right then I’ll be able to get it fixed, it should be pretty easy since I’ve fixed a similar issue on another theme.

I’ll be adding a responsive menu icon (hamburger icon) in the next update.
August 25, 2014 at 8:20 am #13642
MHSigers
Customer
Hi, Wes – Thanks for getting back to us. Your demo site now looks super on iPhones (we checked it out on a couple of different ones and it’s gorgeous). However, the demo site still doesn’t respond on iPads or iPad touch.

As for a “demo” site we had set up with insync, it still looks a little off on all devices – iphones, included. The top pic just won’t resize. It only shows a small portion of it.

The whole mobile responsive thing has to be a pain for designers and developers – I feel for you! Thanks again for replying and we’ll watch for the updates. – Joi
August 25, 2014 at 9:16 am #13643
Wes
Moderator
Ok, thanks for checking, I’m going to get that updated and fixed today. I’ll post here as soon as it’s ready.
August 25, 2014 at 12:13 pm #13646
Wes
Moderator
If you’re using an older version of the theme then it’s probably missing the responsive code that was added for the slider backgrounds –
```
/* Desktops, laptops and iPads (landscape)
--------------------------------------------- */

@media only screen and (max-width: 1140px) {
	
	.slider {
	    /*-moz-background-size: auto;*/
	    /*-webkit-background-size: auto;*/
	    background-attachment: scroll;
	    /*background-position: top;*/
	    /*background-size: auto;*/
	}

}
```
Adding that should fix it.

It’s already available in the theme/download, I just needed to update the demo site. Version 1.1 is the latest.
August 27, 2014 at 8:32 am #13662
MHSigers
Customer
Wes,

Thanks SO much. You are a rock star among rock stars! This is an absolutely gorgeous theme and I’m going to have a tough time convincing myself not to re-do ALL of my websites with it! – Joi
August 27, 2014 at 8:55 pm #13669
Wes
Moderator
Thanks for helping me get that fixed.

Glad you’re enjoying the theme!
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘BG Image Won't Play Well w/ My iPad’ is closed to new replies.