Viewing 20 posts - 1 through 20 (of 27 total)
1 2
  • Author
    Posts
  • November 8, 2017 at 2:59 pm #125753
    Paul T
    Participant

    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 #125761
    tikaram
    Participant

    @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

    November 9, 2017 at 12:41 pm #125797
    Paul T
    Participant

    Ok… 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 #125833
    tikaram
    Participant

    @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

    November 17, 2017 at 11:17 pm #126305
    Paul T
    Participant

    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…

    November 20, 2017 at 3:41 am #126408
    tikaram
    Participant

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

    Regards,
    Tikaram

    November 20, 2017 at 3:11 pm #126455
    Paul T
    Participant

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

    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.

    November 24, 2017 at 2:13 am #126707
    tikaram
    Participant

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

    Regards,
    Tikaram

    November 29, 2017 at 2:29 am #127058
    tikaram
    Participant

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

    Regards,
    Tikaram

    November 29, 2017 at 9:53 am #127084
    Paul T
    Participant

    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?

    November 30, 2017 at 2:46 am #127118
    tikaram
    Participant

    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

    November 30, 2017 at 1:13 pm #127153
    connor1200
    Participant

    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

    December 1, 2017 at 12:53 am #127172
    Paul T
    Participant

    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

    December 1, 2017 at 4:22 am #127190
    tikaram
    Participant

    @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

    December 1, 2017 at 11:32 am #127243
    Paul T
    Participant

    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.

    December 3, 2017 at 11:15 am #127322
    tikaram
    Participant

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

    Regards,
    Tikaram

    December 4, 2017 at 6:25 am #127368
    tikaram
    Participant

    @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

    December 4, 2017 at 11:43 am #127385
    Paul T
    Participant

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

    December 5, 2017 at 4:24 am #127433
    tikaram
    Participant

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

    Regards,
    Tikaram

    December 12, 2017 at 8:47 pm #127892
    connor1200
    Participant

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

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 27 total)
1 2
  • The topic ‘Featured Content Background Image on media phone screen’ is closed to new replies.