I've got a beta website with a small CSS problem that I can't seem to solve. If you look at any of the pages on the site, like [url removed, login to view], you'll see an image at the top. When the browser is wider than 1100px, everything's good. But if you shrink the browser to less than 1100px wide, then scroll the scrollbar to the right, there's an empty space where the image should appear. See attached screencap.
This isn't a huge deal for desktop/laptop, but it looks horrible on mobile browsers. I have a feeling there's some small CSS instruction that would solve this, but I've tried everything I can think of. If you can solve it, make me a simple video capture of the finished product, and I'll award the project to you.
The behavior seems to occur on chrome, ie, firefox, safari.
If you've got a solution, I've got the cash!
6 freelancers are bidding on average $45 for this job
HI, READY TO START WORK. LETS START AND FINISH IT ASAP. I HAVE 8 YEARS OF EXPERIENCE IN WEB DEVELOPMENT FIELD ( PHP, MYSQL, AJAX, JQUERY, HTML, CSS... ). THANK YOU !!