Slider size for mobile devices

Ask Creative Theme Installation, Settings & Configuration, Problem, Error & Bug Related Issues Here

Moderator: forum_m

omaraloosi
Posts: 8
Joined: August 1st, 2016, 11:28 pm

Slider size for mobile devices

Post by omaraloosi » August 10th, 2016, 6:21 am

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
Posts: 7192
Joined: February 26th, 2015, 1:40 pm

Re: Slider size for mobile devices

Post by support_staff » August 10th, 2016, 10:13 am

HI,

Pleease share your site URL with us.

Thanks.

omaraloosi
Posts: 8
Joined: August 1st, 2016, 11:28 pm

Re: Slider size for mobile devices

Post by omaraloosi » August 10th, 2016, 12:16 pm


omaraloosi
Posts: 8
Joined: August 1st, 2016, 11:28 pm

Re: Slider size for mobile devices

Post by omaraloosi » August 12th, 2016, 2:36 pm

Hi
Will you help me?

support_staff
Posts: 7192
Joined: February 26th, 2015, 1:40 pm

Re: Slider size for mobile devices

Post by support_staff » August 13th, 2016, 10:29 am

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
Posts: 8
Joined: August 1st, 2016, 11:28 pm

Re: Slider size for mobile devices

Post by omaraloosi » August 13th, 2016, 2:26 pm

Hi

I've done it. But now it looks worse.
Attachments
Screenshot_2016-08-13-12-53-52[2].png

support_staff
Posts: 7192
Joined: February 26th, 2015, 1:40 pm

Re: Slider size for mobile devices

Post by support_staff » August 16th, 2016, 11:17 am

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
Posts: 8
Joined: August 1st, 2016, 11:28 pm

Re: Slider size for mobile devices

Post by omaraloosi » August 16th, 2016, 2:19 pm

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.
Attachments
android.png
original.jpg
ie.jpg
chrome.jpg

support_staff
Posts: 7192
Joined: February 26th, 2015, 1:40 pm

Re: Slider size for mobile devices

Post by support_staff » August 16th, 2016, 5:27 pm

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
Posts: 8
Joined: August 1st, 2016, 11:28 pm

Re: Slider size for mobile devices

Post by omaraloosi » August 16th, 2016, 5:39 pm

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

Post Reply

Return to “Theme Installation, Settings & Configuration, Problem, Error & Bug”