OK, here’s an update. I have re-created the image - 800 x 200 and 144 DPI in Affinity Designer. Saved it as a .png and added it to a Foundation Image Stack to use as a page banner.
In Edit, the image looks great. In Preview the image looks good too. However, by setting the image’s maximum width to 800, it’s thrown the rest of the page out, especially main body text underneath.
The settings I’ve used for the page are:
One Column Foundation - Flexible
Foundation Image (my banner) - Flexible, Preload 800 x 210, Maximum width as 800.
See screen grab.
What I need is the image to resize and not degrade and to be the same width as the body text underneath when the browser window is made narrower or wider. However at present the image is too small.
What am I missing? This is driving me nuts!!