Full Width Banner Image in Header – or in Slider

I use Enfold a lot and I’ve been using the Layerslider that comes with Enfold to place a full width banner image on sites that really don’t need a slider, so maybe I’m going about it the wrong way.

Here’s a site I’m working on now, for example: http://host.hylifellc.com/new/

My issue is this: these banners show up differently in different browsers, screen sizes; sometimes people have to reduce their screen size to 75% in order to see all text in the Banner… but then the website content is so small. So it’s a responsive issue? fixed with css? or is it the image sizes I’m creating…. do I have to create an image in a certain size then keep important content within certain pixels? Should I stop using Sliders to place these images in and do it an entirely different way since it’s just one image?

Bottom line is that I need to streamline my process and know how to do this right every time.

Thank you