Developer forum

Forum » CMS - Standard features » Intro text comes over poster on mobile

Intro text comes over poster on mobile

E-mail notifications
Caro De Weze
Reply
Posted on 24/10/2023 09:25:58

Hi,

When I use the Swift poster and I view the mobile version, the text appears over the image (see screenshot). Is this a bug? I'm using the latest version of Swift.

Caro

Screenshot_2023-10-24_at_09.21.32.png

Replies

 
Nicolai Pedersen Dynamicweb Employee
Nicolai Pedersen
Posted on 24/10/2023 09:27:44
Reply

Can you share the URL to this page?

 
Caro De Weze
Posted on 24/10/2023 09:29:30
Reply

Hi Nicolai,

Sure, the url is http://chemicar.cloud.dynamicweb-cms.com/jobs.

Caro

 
Nicolai Pedersen Dynamicweb Employee
Nicolai Pedersen
Posted on 24/10/2023 11:52:10
Reply

I can see that the lead text is not responsive and then runs out of space to render within the container.

You can add this css to your solution that will make the lead text responsive.

.fs-5.lead {
  font-size: clamp(.5rem, 2.5cqi, 1.25rem)!important;
}
 
Caro De Weze
Posted on 14/11/2023 11:45:13
Reply

Hi Nicolai,

Unfortunately that doesn't work. I solved it by adjusting the height of the poster from 32:9 to small.

Caro

Screenshot_2023-11-14_at_11.43.33.png

 

You must be logged in to post in the forum