# Hide image on mobile with CTA?

**URL:** <https://community.hubspot.com/t/hide-image-on-mobile-with-cta/147987>\
**Category:** Email Marketing Tool\
**Tags:** professional\
**Created:** [April 3, 2026, 8:08am UTC](https://community.hubspot.com/t/hide-image-on-mobile-with-cta/147987 "2026-04-03T08:08:26Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![NReitsma](https://avatars.discourse-cdn.com/v4/letter/n/7ab992/32.png) [@NReitsma](https://community.hubspot.com/u/NReitsma)\
**Post date:** [April 3, 2026, 8:08am UTC](https://community.hubspot.com/t/hide-image-on-mobile-with-cta/147987/1 "2026-04-03T08:08:26Z")

</div>

Hello Community,

We’ve set up a pop-up CTA with a form to collect newsletter subscribers. We’ve included an image and a text block, and it works fine on desktop. On mobile, however, the image and text are stacked one below the other.

Is there a way to hide the image on the mobile version? Or another way to ensure the CTA loads properly on mobile?

Thanks!

---

<div class="post-metadata">

**Author:** ![CosminExplore](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@CosminExplore](https://community.hubspot.com/u/CosminExplore)\
**Post date:** [April 3, 2026, 1:31pm UTC](https://community.hubspot.com/t/hide-image-on-mobile-with-cta/147987/2 "2026-04-03T13:31:00Z")

</div>

Hi @NReitsma,

1. Check if you have this toggled on: CTA \> Design \> Enable responsive layout.

If it is on, the columns of your CTA will stack on a small screen.

 ![CosminExplore_0-1775222148868.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/6/7/671561bc99628e9d1148ac8528c3c9c845019b2c.png)

2. Then you can use Smart rules for Image:

 ![CosminExplore_1-1775222532499.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/4/4683c83e1f3fdd6f76e6b2cf390041905839f48c.png)

3. Then choose Editing for: Mobile \> and delete the image

Then choose Editing for: Default(Desktop) \> keep the image

 ![CosminExplore_2-1775222562163.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/3/2/325e317ef74712923d8b878dd7dd940be7868f5a.png)

* * *

**Cosmin Explore**  
HubSpot Consultant | Funnel Optimization & CRM Admin  
Problem solved? Hit “ **Accept as Solution** ” and help the next person find it faster.

---

<div class="post-metadata">

**Author:** ![NReitsma](https://avatars.discourse-cdn.com/v4/letter/n/7ab992/32.png) [@NReitsma](https://community.hubspot.com/u/NReitsma)\
**Post date:** [April 3, 2026, 2:22pm UTC](https://community.hubspot.com/t/hide-image-on-mobile-with-cta/147987/3 "2026-04-03T14:22:46Z")

</div>

Ahh that works! Thanks 🙂

Follow-up question; the mobile version image is now very broad and it is difficult to Do you have tips for padding for this?

Thanks!!!

 ![1264466_1_Scherm­afbeelding 2026-04-03 om 16.22.37.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/7/5/75ab831d2239e9d9adc0219a7aa2c1545c7d185e.png)

---

<div class="post-metadata">

**Author:** ![CosminExplore](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@CosminExplore](https://community.hubspot.com/u/CosminExplore)\
**Post date:** [April 3, 2026, 5:33pm UTC](https://community.hubspot.com/t/hide-image-on-mobile-with-cta/147987/4 "2026-04-03T17:33:14Z")

</div>

Glad it has worked, @NReitsma

Adding the padding you have mentioned in your latest comment requires custom css being added in your site’s main stylesheet.

The default left-right margins are 5px.

You woud just need to add:

margin-left: 15px;

margin-right: 15px;

But the more difficult task would be to find the your CTA ID inside the stylesheet.