Hi Guys,
I’m hoping someone can help me. In my site designs I like to use the full screen slider to set a full page image for a home page or service page. I created a custom graphic for the home page of my site, but when I upload it and use it in the full screen slider, the top and bottom of the image is cropped off. No matter what I do, I can’t fix it. I’ve resized the picture at least a dozen times, I added a black border around the picture so the border would be cut off instead of the picture itself, but nothing has worked. I spent a lot of time creating this image and I really want to use it, but it need the full image to display. Can anyone help me? Thanks.
Hey jgoosman!
Can you please try using Color Section element and set to display 100% height of the screen and set your image as background image?
Best regards,
Yigit
Hi Yigit,
Thanks for the reply. I’d thought of that, but the color section is not mobile responsive when you use it to display a picture is it? Since this will be the home page for the website, it’s important that the image properly resize on mobile. That’s why I started using Full Screen Sliders instead of Color Sections for my pictures.
Hi, just as a follow up, I tried what you suggested and although it does look fine on a desktop site, it totally won’t work for mobile. 90% of the picture is cropped out.
Hey!
can you provide us a link to your site showing the elements in question please? we need to be able to inspect the elements.
Regards,
Andy