Responsive Issues

  • figureitout10

    (@figureitout10)


    7 years, 3 months ago

    This may have been covered, but didn’t see if it was!

    The features are great on this plugin, but I find on Enterprise Pro, at least, it is not really responsive. It resizes the image, sort of, but once you get down to “mobilish” widths on the browser it is basically just cropping the left and right side of the image so that you are left with about 20% of the image showing (the middle).

    Are there any settings to fix this or other ways that this can be addressed? Does it have to do with the original size of the image? I have played around with it quite a bit and not able to find a solution.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Robin Cornett

    (@littlerchicken)

    7 years, 3 months ago

    It has to do with how the backstretch effect works. That script’s goal is to cover the browser screen area, regardless of the height/width ratio. So yes, on “mobilish” widths, if the browser window height is more than the width, you’ll experience what you’re describing, because the script is filling the longest dimension first.

    You can attempt to compensate for it by adding some media query specific CSS, such as explained in the “The backstretch image takes up too much room on the screen” section of the FAQ.

    The backstretch image feature works better with some types of images than others. If it is important that the entirety of your featured image be visible, then using a smaller image size (smaller than the large image setting on your site) may be a better choice. I have a site I manage where I often upload smaller images for the featured image due to the subject. HTH

    Thread Starter figureitout10

    (@figureitout10)

    7 years, 3 months ago

    Thanks for great explanation – the CSS helped.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Responsive Issues’ is closed to new replies.