HG Slider
[resolved] Images look squuezed on small devices (3 posts)

  1. WordpMoon12
    Posted 1 year ago #

    I know this has something to do with the height attribute but not sure how to fix it.
    It seems that the height of the images remain the same even when viewing them on smaller screens.

    How can I make slider to constrain the image proportions on all devices?


  2. WordpMoon12
    Posted 1 year ago #

    Actually, I managed to fix it by removing the height attribute=)

  3. ashbullman
    Posted 1 year ago #

    Hi WordpMoon, (or anyone else!!)

    Can you explain a little further how you removed the height attribute? i am mega confused and no matter what i try i cannot get the slider images height to respond on smaller screens, leaving it very squished! it is remaining at a certain height no matter what!!

    I am not sure if i have things in the wrong place, from the instructions, the rotators should be add via the themes functions.php, but i added my rotators in the plugin file itself ( flexslider-hg/flexslider-hg.php) from wp- admin area, and it added the placeholders perfectly and they all work perfectly, except the responsive element of the height!!!

    I added the image size function to functions.php, tried every combination of the code i could no effect what so ever!!

    the functions.php code:
    'add_image_size( 'homepage-rotator', '1000', '400', true );'

    flexslider-hg.php file code:
    '$rotators = array();
    $rotators['homepage'] = array( 'size' => 'homepage', 'options' => "{slideshow: 'true', slideshowSpeed: 7000, direction: 'vertical', controlNav: false,}" );'

    Can some please help me figure this out before I scream!!!!

    many thanks!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • HG Slider
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic