[tikaram]

@connor1200 : Please make sure that your subscription has not expired. let me know if the problem still persist.

Regards,
Tikaram

[Paul T]

I just noticed on my website that in the featured content area, the featured content icons are not scrolling over the background image (with background image staying fixed, and the website scrolling over it) . When I first chose this them.. I was using and loved that feature…

I am aware this is a setting.. Apprearance==>Customize==>Featured Content==>Background image settings==>attachment==>Fixed (or scroll)… I have it on fixed (I think the correct one) but I’ve tried scroll too.. no difference.

I’m not sure when it stopped doing this… after the update to 2.5 or after the last custom CSS you gave me. (However I took that custom CSS out just as a test, and the content still does not scroll over the background image.)

Any ideas? Thanks

[tikaram]

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

#featured-content.background-image {
	background-attachment: fixed;
}

Let me know if this resolves your issue.

Regards,
Tikaram

[Paul T]

So Tikaram, I think we are going a bit backwards here… sorry.. let me explain

The above fix indeed achieves what I am looking for, the featured content icons to scroll over the fixed background image, but adding that re-intruduces my old problem of the image does not show properly on iphone/ipad…(it expands the image to such an extent it is really unviewable..) recall the above fix you gave me on Dec 4.. updating to 2.5 and adding:

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

That allows the image to show up correctly on iphone/ipad… but is seems that the “cost” is that I lose the scrolling effect on larger screen???? So right now it seems like I have two choices neither of which really words: I have the “fixed” css code that makes the image fixed and the content to scroll like i like on big screen, but not be viewable on iphone/ipad… or I can use the css code “scroll” which allows the image to be viewable on iphone/ipad but not have the scrolling effect I was hoping for.

Does this make sense??

if this helps: On franciscanfriars.org I have the CSS code you gave me on Dec 4.. and on test4.franciscanfriars.org i have the code you just gave me… neither is totally correct.

[Paul T]

Greetings Tikaram,

after i posted the above I got thinking about it… and i tried the following:

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

@media only screen and (min-width: 813px) {
#featured-content.background-image {
background-attachment: fixed;
}
}

It seems to work!!! So I think I’m good.. but would love to know if you agree this is the best fix.. or if I should fix it another way… (I do worry about the large amount of added CSS Code affecting my website speed..) Also will the next version of the theme fix this issue??? when is that due?? thanks.

[Paul T]

Sorry about the numerous posts… just checked the above code on a larger ipad (approx 1600 x 2024) and the same problem occurs even with this.. that is the background image is a blow up of a small portion.. not the whole image. So basically, it really seems that the “fixed” background image feature (which allows featured content icons to scroll across image) simply cannot work for iphone/ipad. Would you agree with that assessment? Will the next update of the theme fix this? (Or is there a css code that says if apple operating system background image = scroll, else background image = fixed?? smile).

[tikaram]

@friarpaul : There is an issue with iphone/ipad for “fixed” background image feature. I will contact the development team regarding the issue as it was fixed in earlier version. We will need to look upon the issue again and we will fix it in upcoming update. Sorry for the inconvenience.

Regards,
Tikaram

[Author]

Posts