[Paul T]

My website is
franciscanfriars.org
I recently changed my featured content background image, then returned to the previous one (I am pretty sure), and it behaves differently than it used to. Now, on my phone… It used to show the bottom of the image, now it shows the top… I have selected the option to show the bottom, and it does indeed do that on full size screen AND on tablet… but on phone it is showing the top of the image… so I don’t know why…

anyway…
I would like to show the bottom of the image on my phone too… or maybe even have a different image altogether for the phone (because you really can’t see much of the image anyway), or even just the option to go to a solid color for the phone only.

Thanks.

[tikaram]

@friarpaul : The featured content are aligned vertically in one column on the phone so its not possible to show the bottom part of the image only. I can provide you additional css if you would like to add a solid color for phone. Let me know if you have any more issues.

Regards,
Tikaram

[Paul T]

Ok… than yes, please give me the css to make the background all one color on mobile phone. Thanks

[tikaram]

@friarpaul : Go to Appearance => Customize => Additional css and add the following css.

@media only screen and (max-width: 1000px) {
	#featured-content.background-image {
		background-image: none !important;
		background-color: #b2dff4;
	}
}

Note You may change the color code : #b2dff4 to a desired color if you want a different color.

Regards,
Tikaram

[Paul T]

I have actually realized the problem I am seeing is unique to and Iphone or Ipad… ios…
The background image shows perfectly on andriod devices, but on a iphone the featured content background image is actually a very small portion of the whole image that is blown up – expanded so that it is un-viewable.. just super grainy.. whereas on android devices the background image is sized responsively to show all (or most of the entire image). Does that make sense?? if you look at francisanfriars.org on both android and ios I think you’ll see what I’m talking about…

[tikaram]

@friarpaul : Can you please post the screen-shot of the featured content as it appears on iPhone.

Regards,
Tikaram

[Paul T]

Here is a photo of android tablet on left, ipad on right:

Note.. I’m not sure how to post an image here.. but here is a link to it:
https://1drv.ms/i/s!AsmfjxPBKWvlgoRiGW1ad_4VY0Ddvg

Here is the view on an android phone:
https://1drv.ms/i/s!AsmfjxPBKWvlgoRgdF0Mxbp8vYFwEw

Here is the view on an iphone:
https://1drv.ms/i/s!AsmfjxPBKWvlgoRhrXcmg80KSoYeuA

thanks.

[tikaram]

@friarpaul : The issue will be fixed in the upcoming theme update. I will let you know when the update is released.

Regards,
Tikaram

[tikaram]

@friarpaul : Please update your theme and let me know if the issue has been resolved.

Regards,
Tikaram

[Paul T]

When I try to update theme (from dashboard, and update themes, I select Adaptive Pro) I get an error message saying “update package not available”.

any ideas?

[tikaram]

You cannot update the Pro theme directly by just clicking the update button as in the free theme.
You’ll need to first download the theme from https://catchthemes.com/my-account/ page. Then install Catch Web Tools plugin and activate Catch Updater Module.
https://wordpress.org/plugins/catch-web-tools/
Please check the tutorial video in the link below:
https://www.youtube.com/watch?v=W95SuabDZi8
For more, check out theme instructions at https://catchthemes.com/theme-instructions/catch-adaptive-pro/#updating

Regards,
Tikaram

[connor1200]

I am having the same issue. I updated to version 2.2.4 and still the background on my iphone will either be stretched considerably or when i ‘fit to screen’ the background it will bounce around with the featured image slider.

Connor

[Paul T]

I updated to 2.5.
Problem fixed on iPad… thanks..
Image is still not correct on iphone… see screenshot:
https://1drv.ms/i/s!AsmfjxPBKWvlgoU9GA7tmz1e7XWrqg

Again website is franciscanfriars.org

[tikaram]

@connor1200 : Please update your theme to the latest version (2.5) and let me know if the issue still persist.

@friarpaul : Please try clearing the browser cache of your device. The issue has been fixed. Let me know if you are still facing the same problem on iPhone.

Regards,
Tikaram

[Paul T]

I have cleared the browser cache… and also used Safari, Chrome, and Firefox browsers…. the problem still persists on the iphone….

again, here is screenshot…
https://1drv.ms/i/s!AsmfjxPBKWvlgoU9GA7tmz1e7XWrqg

thanks.

[tikaram]

@friarpaul : I will test and let you know about the issue.

Regards,
Tikaram

[tikaram]

@friarpaul : Go to Appearance => Customize => Additional css and add the following css.

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

Please use this additional css for the time being. It will be fixed in the update.

Regards,
Tikaram

[Paul T]

Eureka! This works! Thanks!!!!!!!!!

[tikaram]

@friarpaul : Glad to know that the issue has been resolved. Let me know if you have any further issues.

Regards,
Tikaram

[connor1200]

Where is 2.5? in my account it only lists 2.2.4.

[Author]

Posts