Hi Andy,

I seem to have worked it out, it seems like the sections with the background image set to fixed will not work, you have to have it set to scroll and then it will work.

Is there a way to make it work with the background set to fixed by any chance? If not, its not a major problem.

Thanks

Hi Andy

Sure, the link is http://help2read.org/the-literacy-crisis, I am looking at he top colour section id is #mobilepics
This one works well, and then image changes, the css I used is:

@media only screen and (max-width: 480px) {
#mobilepics {
background-image: url("http://help2read.org/help2read/wp-content/uploads/2016/05/background5edited.jpg")!important;}

But the section further, section id is #bottompic doesn’t work on mobile, I use the same code really:

#bottompic {
background-image: url("http://help2read.org/help2read/wp-content/uploads/2016/05/background4editedbigfile.jpg")!important;}

I did put both pieces of code inside the @media {} section in the CSS, didn’t work, then tried putting the bottom one inside it’s own @media {} but also didn’t work..

Thanks

Hi Andy,

Yes, in link 1) I want the featured images to appear next to the category posts…

In link 2) when you are viewing the post, it doesn’t have to have the featured image shown. I did check the posts, and they all have featured images..

Thanks