Slider destroys the responsiveness of images on page
Updated on April 23, 2015 in Plugin
5 on April 20, 2015

When I insert a slider onto a responsive themed page with other embedded images, the other images are no longer responsive – just the slider is.

I Would like to have a responsive image at the top of the page and a responsive slider at the bottom.

Is there a fix for this?

  • Liked by
Support Hours:
Weekdays: 09.00 - 17.00
Weekend: Off

By using the forum you are agree with tonjoo studio license agreement

Moderator 0 on April 21, 2015

Hi Jav,

Are you sure your images width is 100%?

If you don’t mind, can you provide your web address? So we can investigate the issue.

Thank you,
Best Regards,
Zea

  • Liked by
Cancel
Support Hours:
Weekdays: 09.00 - 17.00
Weekend: Off

By using the forum you are agree with tonjoo studio license agreement

Message :
0 on April 22, 2015

The images are at 100%.
You can see the problem here: http://5spotmedia.com/?project=un-exhibits

  • Liked by
Cancel
Support Hours:
Weekdays: 09.00 - 17.00
Weekend: Off

By using the forum you are agree with tonjoo studio license agreement

Message :
Moderator 0 on April 22, 2015

Hi JAV,

Sorry for late response.

I think you forget to set your image’s height to auto. Try to put this CSS snippet in your theme’s style.css file :


#content .aligncenter, #content img.aligncenter {
width: 100%;
height: auto;
}

Thank you,
Best Regards,
Zea

  • Liked by
Cancel
Support Hours:
Weekdays: 09.00 - 17.00
Weekend: Off

By using the forum you are agree with tonjoo studio license agreement

Message :
0 on April 23, 2015

Thank you Zea!
This responsive issue is now fixed.

I am however, still having a slight problem with the slider arrow opening up an image in a new window instead of navigating the slider.

You can see the problem here: http://5spotmedia.com/?project=un-exhibits

  • Liked by
Cancel
Support Hours:
Weekdays: 09.00 - 17.00
Weekend: Off

By using the forum you are agree with tonjoo studio license agreement

Message :
Moderator 0 on April 23, 2015

Hi JAV,

I see you have misplaced the FRS’s shortcode inside the a href element. Please take a look at this (Sorry for great drawing) :

Try to put FRS shortcode outside any a href element, because it will redirect any link on FRS (including arrows) to that a href link, in this case, that image.

Hope it helps.

Thank you,
Best Regard,
Zea

  • Liked by
Cancel
Support Hours:
Weekdays: 09.00 - 17.00
Weekend: Off

By using the forum you are agree with tonjoo studio license agreement

Message :
Loading more replies
You are not logged in

Please login here or simply sign up here .