The image CTA doesn't display well on mobile phone

[Yaqi]

Hi,

The image CTA at the end of our blog article doesn't display well on mobile, the dimension changes. For example the image CTA on this page: https://blog.bepark.eu/en/how-to-transform-your-building-into-a-smart-building

How can we keep the image CTA with the good dimension on mobile devices?

Thank you in advance!

Regards,

Yaqi

[Krystina]

Add css of "height: auto;" on to the image

ie. - 

img {

  height: auto;

}

[Yaqi]

Hi @Krystina , thank you for your reply.

I am wondering where i can add this css to image?  

On our blog post template on design manager or somewhere in the image cta settings? 

Thanks!

[Krystina · Accepted solution]

If you are in the Design Manager, and you have none of the modules selected, you should be able to edit one of the .css style sheets attached to that template. It will look something like this on the right side of the page: 

From there, you can drop in your code. I looked at this on your page for you and this piece of code you should be able to copy and paste in your editor and it should work:

.hs-cta-img {

height:auto;

}

[Yaqi]

@Krystina Thanks a lot Krystina, it works!