Viewing 20 posts - 1 through 20 (of 27 total)
  • Author
    Posts
  • #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.

    #125761
    tikaram
    Keymaster

    @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

    #125797
    Paul T
    Participant

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

    #125833
    tikaram
    Keymaster

    @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

    #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…

    #126408
    tikaram
    Keymaster

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

    Regards,
    Tikaram

    #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.

    #126707
    tikaram
    Keymaster

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

    Regards,
    Tikaram

    #127058
    tikaram
    Keymaster

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

    Regards,
    Tikaram

    #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?

    #127118
    tikaram
    Keymaster

    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

    #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

    #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

    #127190
    tikaram
    Keymaster

    @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

    #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.

    #127322
    tikaram
    Keymaster

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

    Regards,
    Tikaram

    #127368
    tikaram
    Keymaster

    @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

    #127385
    Paul T
    Participant

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

    #127433
    tikaram
    Keymaster

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

    Regards,
    Tikaram

    #127892
    connor1200
    Participant

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

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