Does anyone know how to responsively control an element’s top margin via a style sheet?
I have a responsive background image that resizes perfectly on my desktop. However, it will not properly scale on my iPhone. I’ve given up trying to make it work primarily because a row with a column that’s designed to scroll over the fixed background displays below the mobile device’s viewport - out of sight. If I raise it up by reducing the top margin, it covers important areas of the background image… if I lower it so it appears where I want on the desktop, it displays out of view on my iPhone… there seems to be no middle ground. So I’ve decided not to have a background on mobile viewports. I’ve written the CSS which nicely disappears the background image for smaller sized devices but I still have the “margin-top” issue. (See my attachment).