CTA module - image instead of text

aurelia01

Hello - on the homepage of my website I have added a logo (.jpg) to the CTA module instead of text (see attached). Is there a way that I can make this image responsive.

Heading Text:
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="images/joomlart/homepage_logo/logo_sm.png" alt="logo sm" /></p>

I look forward to your feedback.

Thank you.
Regards
Helen

saguaros

Hi Helen,

If I understand correctly, you want that image be responsive on mobile view, right? You can use this custom css:

@media (max-width: 480px) {
.t3-masthead .acm-cta .cta-content .cta-heading img {
    width: 100%;
}
}

aurelia01

Thank you. I will try that.

Regards
Helen

saguaros

aurelia01

Let me know if you need further help then.

aurelia01

It worked. Thank you