"ShowMore" Functionality Distorts Images

[Bradley_Naumann]

Hi All,

I’m currently working on an experience in which I’m including products as one of my verticals. The description text provided by the client for some of these products is extremely long, so I’ve decided to implement the ShowMore functionality.

However, I’ve noticed that, upon clicking “showmore” on the product results, the following occurs:

The description itself is expanded, but the image associated with that product is elongated as well.

I’ve attached screenshots for reference, but would love to find a way to unlink these 2 elements so that the image size stays constant when a user clicks the “showmore” button.

Thanks!
Brad

[afarooque]

Hi Brad,

A simple line of CSS should help here. Add this to your answers.scss file.

  .HitchhikerProductStandard-imgWrapper {
      display: inline-block;
  }

This should stop the image from resizing to fill the height of the container. Let me know if that works!