WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. WordpMoon12
    Member
    Posted 5 months 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?

    http://wordpress.org/plugins/flexslider-hg/

  2. WordpMoon12
    Member
    Posted 5 months ago #

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

  3. ashbullman
    Member
    Posted 2 months 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!

Reply

You must log in to post.

About this Plugin

About this Topic