smartphone sideways view messed up

Hey zohar2014,
Sorry, I was unable to reproduce with a Android phone, or with Chrome developer tools. Please see this video.
Are you using a iPhone?

Best regards,
Mike

Hi,
This is because of the image size, if we give it a max-height it will not reach the edge without stretching it, which will not look good.
But you can create a new layerslider for these sizes, 664px – 738px which will cover the 4 landscape sizes
667 – 684 – 734 – 736 and add it below your current one on the page,
then use these media queries, note it includes 2px below and above.
your current layerslider we will call layer_slider_1, and your new one we will call layer_slider_2

@media only screen and (min-width: 664px) and (max-width: 738px) { 
div#layer_slider_1 {
display:none!important;
}
}
@media only screen and (max-width: 663px) {
div#layer_slider_2 {
display:none!important;
}
} 
@media only screen and (min-width: 739px) {
div#layer_slider_2 {
display:none!important;
}
}

In the layerslider set your canvas width 736 and the height you like, perhaps 200px, so you can see it and place the text where you would like.
After you create the new layerslider, we will be happy to help adjust the media queries above.

Best regards,
Mike

Hi,
The layerslider’s names are created automatically, I was guessing at them from experience in order to explain the code above.
I took a look and found that you are also using a full width slider, under the layerslider, in much the same setup as I was trying to explain.
So to illustrate better, I created a copy of your layerslider, and set the dimensions for a landscape phone, and moved the layers around so they would be shown.
You will want to go in and edit them the way you like, right now it’s just too much stuff, too big. It was only to get you started.
Then I added the css above to your General Styling > Quick CSS field, turned out my guess was right, I also added some code to hide the full width slider for landscape phones.
Please check on http://www.responsinator.com/

Thoughts:
I wonder if converting your full width slider into a layerslider will work better for tablets 768px and portrait phones?
I see your first layerslider is hidden under 989px, so it for desktops.
so I recommend creating a new layerslider to take the place of your full width slider, try to create with the canvas width of 988px, this would be for tablets and portrait phones.
Then edit the layerslider I created for landscape phones.

Or if you like the way the full width slider looks on tablets, leave it as is.

Best regards,
Mike

Hi,
Thank you for the kind words, and thank you for using Enfold :)

Best regards,
Mike