Hide image on mobile with CTA?

Marketing & Content Email Marketing Tool
1

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!

2

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
CosminExplore_0-1775222148868.png488×650 36.2 KB

2. Then you can use Smart rules for Image:

CosminExplore_1-1775222532499.png
CosminExplore_1-1775222532499.png806×649 50 KB

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

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

CosminExplore_2-1775222562163.png
CosminExplore_2-1775222562163.png493×928 38.1 KB

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

3

Ahh that works! Thanks :slightly_smiling_face:

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
1264466_1_Scherm­afbeelding 2026-04-03 om 16.22.37.png341×649 112 KB

4

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.