I need to hide the slideshow from the homepage when someone is visiting from their cellphone. Can you explain how I can do this?

Hmm good question I'll need to get back to you on this

Cheers
Paul

I figured it out part of the way.. but not all of the way. The domain is elisabethsouth.com. I cannot get the image responsiveness to work correctly so I need to force it to show what I want depending on how they are viewing things.

Hi

Do you mean when the image drops to a new row it leaves an empty space?

Cheers
Paul

Unfortunately the image doesn't drop it just disappears because its cropped off at the side instead of being shrunk down. So I thought if it showed the way it was intended on a desktop, I could hide that in tablet and phone mode and create the same text in a different module. So if on a mobile it would displayed correctly by shrinking and stacking and desktop already works.

It looks like the image is behaving as expected - its reduced as the background area is reduced - the problem is the image section is on the right

Have you tried switching the lady part of the image to the left?

Cheers
Paul

If you are looking at it on a mobile device right now that's because I have it at so certain modules are disabled in mobile and tablet layout.

When I have it set up without disabling mobile views so it shows different modules the sideshow image doesn't shrink without cutting off the sides. I want the image up to the right because of the way the image was taken.

I canmove it back if that would help.

Hi

I'm viewing on desktop on a very wide screen
Its working responsively right to left which is a problem

If you hide the module completely how does that look?

@media screen and (max-width:800px) {
#image-wrapper, .banner-overlay {display:none !important;}
}

I can't reliably test this given the less files and how it renders so please test on different widths

Cheers
Paul