Slider not Resizing for Mobile Devices

Hello,

I used some customization code you had posted in this forum to increase the size of my image slider so it takes up the width of the screen. If I decrease the size of the screen resolution or view the site on the mobile device, the slider is not responsive to the change and still shows its full size. What can I do to make it so it resizes according to screen resolution?

I had this issue before I updated my theme version but with the update my issue has returned. My site is bostonscuba.com. Screen shot of the mobile view attached.

Thanks in advance for your advice.

 

Hello,

Greetings from InkThemes!

Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 960px) and (min-width: 768px){
.flexslider .slides img {
    width: 34%;
    height: 350px;
    padding-left: 460px;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.flexslider .slides img {
    width: 50%;
    height: 350px;
    padding-left: 474px;
}
}

Note: Change the numeric value as per the requirement...

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Hello Priyanka,

I can't access the Custom CSS section since I updated my poloray files. The only options under Appearance are as follows:



There seems to be no way to access the Custom CSS box that used to be there. Can you advise?

Thanks!
Dina

 

When I click "Customize", the only options presented are:

Site Idenity
Menus
Widgets
Static Front Page

There used to be a custom CSS box in this area, but since the update it is missing.

 

Hello,

To determine and fix the issue, we need to access your dashboard.

So, send us your website WordPress login details at [email protected] along with the thread link.

Your Website URL:
WordPress Username:
Password :

Looking forward to your reply.

Thanks & Regards!
Priyanka
InkThemes.com