- This topic has 26 replies, 3 voices, and was last updated 6 years, 11 months ago by tikaram.
-
AuthorPosts
-
November 8, 2017 at 2:59 pm #125753Paul TParticipant
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.
November 9, 2017 at 12:06 am #125761tikaramParticipant@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,
TikaramNovember 9, 2017 at 12:41 pm #125797Paul TParticipantOk… than yes, please give me the css to make the background all one color on mobile phone. Thanks
November 10, 2017 at 4:37 am #125833tikaramParticipant@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,
TikaramNovember 17, 2017 at 11:17 pm #126305Paul TParticipantI 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…November 20, 2017 at 3:41 am #126408tikaramParticipant@friarpaul : Can you please post the screen-shot of the featured content as it appears on iPhone.
Regards,
TikaramNovember 20, 2017 at 3:11 pm #126455Paul TParticipantHere 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_4VY0DdvgHere is the view on an android phone:
https://1drv.ms/i/s!AsmfjxPBKWvlgoRgdF0Mxbp8vYFwEwHere is the view on an iphone:
https://1drv.ms/i/s!AsmfjxPBKWvlgoRhrXcmg80KSoYeuAthanks.
November 24, 2017 at 2:13 am #126707tikaramParticipant@friarpaul : The issue will be fixed in the upcoming theme update. I will let you know when the update is released.
Regards,
TikaramNovember 29, 2017 at 2:29 am #127058tikaramParticipant@friarpaul : Please update your theme and let me know if the issue has been resolved.
Regards,
TikaramNovember 29, 2017 at 9:53 am #127084Paul TParticipantWhen 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?
November 30, 2017 at 2:46 am #127118tikaramParticipantYou 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/#updatingRegards,
TikaramNovember 30, 2017 at 1:13 pm #127153connor1200ParticipantI 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
December 1, 2017 at 12:53 am #127172Paul TParticipantI updated to 2.5.
Problem fixed on iPad… thanks..
Image is still not correct on iphone… see screenshot:
https://1drv.ms/i/s!AsmfjxPBKWvlgoU9GA7tmz1e7XWrqgAgain website is franciscanfriars.org
December 1, 2017 at 4:22 am #127190tikaramParticipant@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,
TikaramDecember 1, 2017 at 11:32 am #127243Paul TParticipantI 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!AsmfjxPBKWvlgoU9GA7tmz1e7XWrqgthanks.
December 3, 2017 at 11:15 am #127322tikaramParticipant@friarpaul : I will test and let you know about the issue.
Regards,
TikaramDecember 4, 2017 at 6:25 am #127368tikaramParticipant@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,
TikaramDecember 4, 2017 at 11:43 am #127385Paul TParticipantEureka! This works! Thanks!!!!!!!!!
December 5, 2017 at 4:24 am #127433tikaramParticipant@friarpaul : Glad to know that the issue has been resolved. Let me know if you have any further issues.
Regards,
TikaramDecember 12, 2017 at 8:47 pm #127892connor1200ParticipantWhere is 2.5? in my account it only lists 2.2.4.
-
AuthorPosts
- The topic ‘Featured Content Background Image on media phone screen’ is closed to new replies.