Slider size for mobile devices

[omaraloosi]

Hello.
I use a size of slider 1230 * 400. But if I open website on mobile devices (Android) I see that my picture is on the top part of the slider, but text is on the bottom part.
How can I customize it?

[support_staff]

HI,

Pleease share your site URL with us.

Thanks.

[omaraloosi]

Hi
http://new.ingrotel.se

[omaraloosi]

Hi
Will you help me?

[support_staff]

HI,

Please go to Admin Dashboard >> Appearance >> Theme Options >> General Settings.

Now copy below css code and paste into Custom CSS Editor.

Code: Select all

@media (max-width:768px){
.demo-2 .bg-img{
height:100% !important;
}}
@media (max-width:480px){
.demo-2 .bg-img{
height:100% !important;
}}

Save the changes.

Thanks.

[omaraloosi]

Hi

I've done it. But now it looks worse.

[support_staff]

Hi,

Sorry for inconveniences.

We go through your site and can't see such issue.

Let us know the device name where you got this issue, so that , we can assist as per.


Thanks.

[omaraloosi]

Hi

I couldn't wait for your response. I changed images. Now I use size 1920 * 1010. I have tried different formats, and I don't understand what size I should use.
If I check my site on different browsers I see only part of images. You will not scale the image. If I use slider with logotype of my company, I will see only half of it on different screens.

I've attached some examples. You can see different images.

[support_staff]

Hi,


Theme uses image resize function, it resize image as per required size so that respective section's image look a like.

If you want to use you own size images, please make child theme and create home-slider.php in child theme directory.


Now copy code from LINK http://pastebin.com/sSvGAW3i and paste to home-slider.php that you create in child theme directory.

Save the changes.

NOTE: Please use all images of same size, if using images of different size, slider layout may b disturbed.

Thanks.

[omaraloosi]

What size do you recommend for this theme? I'll try to use it.