I am still having an issue with the background image. It only shows a very small portion of the image as if it is zoomed in. Does anybody have any suggestions on how to fix this?
http://www.notamenu.com
thank you in advance.
Hi all,
anyone have any good ideas on how to fix the background image so that it displays the whole image and not a small zoomed in portion of it?
Please help 🙂
Hi all,
anyone have any good ideas on how to fix the background image so that it displays the whole image and not a small zoomed in portion of it?
Please help 🙂
Hello Shawn,
The problem is responsiveness. I can send you the CSS to make the background fit the screen, but it will not look good on mobile.
On desktop, width >> height
On mobile, width << height
Imagine the same image resized on 2 screens (one mobile/one on desktop) to be resized to fit.
Try adding this to your CSS:
body.custom-background { background-size: cover;}
Best regards,
Marius