Poster blocks on Mobile

The text on the poster expands beyond my image. How would I remove the image on mobile sites if the text is too large for it?

Nevermind, ended up finding it!
Here's the code that worked for anyone seeing this: 

@media only screen and (max-width: 420px) {  .image-block .design-layout-poster .image-inset {    padding-bottom: 100% !important;  }}

Hi! I have a similar issue and I've been trying to fix it with all the codes in many forum but I can't. In only 2 images the text is separated

www.ak-workshop.dk

password: ak2020

Thank you very much!

On 1/13/2021 at 7:20 PM, bregvz said:

Hi! I have a similar issue and I've been trying to fix it with all the codes in many forum but I can't. In only 2 images the text is separated

www.ak-workshop.dk

password: ak2020

Thank you very much!

Add to Design > Custom CSS

/* Home Poster */
@media screen and (max-width:767px) {
body.homepage .design-layout-poster * {
    font-size: 24px;
}
body.homepage .design-layout-poster .image-card.sqs-dynamic-text-container {
    width: 100% !important;
}
}

THANK YOU @tuanphan this one worked perfect!!!

Hello!! I've been having the same problem. My H1 header + button don't fall in place with the poster image. I've tried the codes mentioned, but no luck 😕. Any help would be appreciated! 
 

On 3/1/2022 at 12:31 PM, sternmarketingllc said:

Hello!! I've been having the same problem. My H1 header + button don't fall in place with the poster image. I've tried the codes mentioned, but no luck 😕. Any help would be appreciated! 
 

 

Can you share link to page where you added Posters? We can help easier

Yes, of course! @tuanphan

site: sternmarketingllc.com

password: leslie

On 3/9/2022 at 2:55 AM, sternmarketingllc said:

Yes, of course! @tuanphan

site: sternmarketingllc.com

password: leslie

Add to Design > Custom CSS

/* Mobile-Homepage-Top poster */
@media screen and (max-width:767px) {
div#block-4ea78371f8e9c3fae567 .content-fill {
    padding-bottom: 120% !important;
}
}

Then save & reload the site