[lbdc.design]

I’m using the Ambition theme, responsive looks great on all except ipad mini, where the home page is centered on the top of the slider image and client logo is not visible. It looks like the page is not re-sizing for that size viewport. Any ideas? The site can be seen at mmc.littleblackdogcreative.com

Thanks,

[Theme Horse Support Team]

Hi lbdc.design,

Sorry what you are trying to say? We have not seen any logo. Which logo are you talking about?

Thank you!

[lbdc.design]

Sorry it took so long to reply. What the problem is is that the parallax images are not displaying on the ipad mini. Also the header image does not re-size for ipad mini either. Thanks.

[Theme Horse Support Team]

Hi lbdc.design,

Can we have the site URL? So that we can check you site in iPad mini.
Also Could you please view our demo site https://www.themehorse.com/preview/ambition in your iPad to find out our demo site is working fine OR Is there a same issue?

Thank you!

[lbdc.design]

Hi, thanks for getting back to me. The url is mmcounseling.com. I can’t check your demo site, I don’t have an ipad mini. My client does.

thanks, it would be great if you could help me with this.

[Theme Horse Support Team]

Hi lbdc.design,

We have set the featured image as background image so that the background image cover up your whole screen with 100%.
To have the same featured image for smaller devices you have to add the custom css. Go to Appearance > Customize > Ambition Theme Options > Custom CSS and paste the following CSS code in the field and Click on Save & Publish button:

@media only screen and (max-width: 1023px) and (min-width: 480px) and (max-width: 767px) {
	.featured-slider .featured-image {
		padding: 0;
	}
}

Thank you!

[fhanckowiak]

Hello. We tested the code. Our website is fine on iphone and on large screen (Mac, etc). But on ipad, our website only displays well when the site is on A4 format (ipad vertically viewed). In landscape mode (ipad horizontal), we still have no resizing of the pictures from the slider… Any other option ?

[Theme Horse Support Team]

Try below Custom CSS code once and let us know.

@media only screen and (max-width: 1024px) {
	.featured-slider .featured-image {
		background-attachment: scroll;
	}
}

Thank you!

[fhanckowiak]

Excellent. This is now working for us. Thanks a lot for the support.

[lbdc.design]

I don’t know who responded that’s it working, see above post, but I did install the code per your instructions and my client reports that the parallax images are still not displaying on the ipad mini. There must be some kind of fix for this. Should I contact Apple?

[Theme Horse Support Team]

@lbdc-design Can you please take a photo and show us how it looks like in iPad mini. So that we can help you easily.

Thank you!

[lbdc.design]

The blank spaces are where the parallax image and it’s title should be. The blue sky is how the responsive displays the header image, by not reducing it and displaying only the top left corner.

http://mmcounseling.com/ipad-images/

[Theme Horse Support Team]

Hi @lbdc-design

Can you provide me the direct page link of that screenshot? So, that we can see that on iPad.

Thank you!

[lbdc.design]

This is the page where the header does not resize, http://mmcounseling.com/

This is the page where responsive images do not appear, http://mmcounseling.com/counseling-services/ If you look at this page on a laptop or larger monitor you will see where the responsive images should be on the page.

Thanks

[Theme Horse Support Team]

Hi

Your header image in home page http://mmcounseling.com/ is working fine in all devices and your http://mmcounseling.com/counseling-services/ page. We found that you have add some code and scripts to have that page. So we can not find out the main issue because we have not code that. Also there is a lots of empty paragraph tags. Please review your code that you have customize OR contact your developer who code that.

Thank you!

[Author]

Posts