I have noticed for some time now that after working on a project the banner images seem to reset to the image used at the first breakpoint. I'm using Foundation by the way. This is happening on almost all of my projects at one time or another. I label my images as small, medium or large within the name and have sizes of 650px, 1030px and 1900px. It is very time consuming to have to go back to the banner and then have to reset the images to the correct size for that breakpoint. Just wondering if anyone else has experienced this problem of if maybe it's just something I'm doing?

Hi John
I would hazard a guess that it's something you are doing or not doing
It could be any number of reasons starting with breakpoints being default selected. Although I must admit if this happens on all your projects that's a bit confusing.
Must say that I have never experienced that occuring unless I forget to change to the default breakpoints selection

Thanks Wayan,
I am sure it is not a breakpoint issue as I have had it happen even after carefully selecting the appropriate breakpoint for the image size. It's a mystery to me for sure.

So next is which way are you starting?
Mobile first adding the small image, moving up to the breakpoint first default and adding the medium image, then up again until next default breakpoint and adding the large image? Or the other way around?

Just as you describe, mobile first with small image (650px), next breakpoint medium (1050px) image, etc.

Well I am stumped now I have tried to replicate it but whatever I do holds whichever way around I do it

My suggestion is to either send me the project file so I can check it out,, or open a support ticket with the error log attached for that project file to the CC team with as much detail about what is happening as possible.

are you placing the banner images as "images" or "background images"

I'm placing them as images when the problem show up. I'll open a support ticket after the next time it happens.

Appreciate your input on this Wayan, thanks heaps.

So what is the width of the images set to?

650px, 1050px, 1900px

It changes to the next lower resolution image. 1050 changes to the 650 and the 1900 changes to the 1050 image.

Once it happens, it does so on all of the pages.