A user is attempting to reposition text and a button lower on their image banner for desktop view only. They’ve applied CSS margin-top adjustments, which work up to 400px, but values beyond that cause unwanted behavior: the image enlarges and crops instead of the text moving further down.
The user wants the text/button positioned slightly below the 400px threshold without affecting the banner image dimensions or cropping. Screenshots show the current layout and desired positioning.
A suggested solution involving percentage values (40%) was attempted but produced similar issues—the image still gets affected at larger values. The discussion remains open as the user seeks a CSS approach that moves content independently of the background image behavior.
Hello, I would like to move the text and button slightly lower than it currently is on my image banner.
I used the code to adjust the margin-top to push the text/button down. It works and brings the text/button down lower but when I use any value larger than 400px the text stops going lower and the image just starts getting bigger and cropping in. I would like it to be a little lower than 400px but I don’t want the image to be affected. Any help is greatly appreciated.
Hello thank you for your reply. I just tried this and the image seems to be affected when I enter a value that is larger than 40%.
