My client wants to use an image that has their logo and some text included in the .png. Using the regular text overlay feature won't work as they want their logo to appear here. When I change the screen size to various mobile widths, it cuts off the text. How do I get this image to scale appropriately (i.e., be responsive) for all screen sizes?

Can I include different image sizes and have them swap out at different screen sizes?

Thank you!

username: millbayadmin

password: Frogmil435!

I have attached screen shots from three widths. You can see that the text (part of the image) looks great on the full size screen (last image) but at narrower screen sizes (tablet, phone), it cuts off the text. How can we make this image with text scale correctly?

Maureen

Hi Again,

I figured out that I can add my .png overlay in a layer and now it adjusts correctly. The problem I am still having is that I am uploading a 1070px width image into the background of the slide and it is stretching it to be way too large. How do I set the width of the slide and then make the size of the image match?

Maureen

I think I misspoke. Let's start again.

I am using a background image in a full width container on the front page of this site: http://mocrist.com/thegem/. I tried using a 1070px width photo and also a 1920px width photo. Both times, it makes the image way too large in the space. What is the correct image size to use in this space? I want it to look like the attached visual design photo.