Responsive - dynamic text + image

Heya - can anyone help me making this responsive for mobile - It might be too big a question - so even a point in the right direction would be amazing.

There are two elements that are not working

  1. Dynamic Text - on homepage



  2. Image - on a few pages (I got this from the theme but cant get it to fit the same)
    https://www.traumainformed.ie/. https://www.traumainformed.ie/about

Thanks in advance
Mel


Here is my site Read-Only: [LINK](Webflow - trauma informed site)

Here is my theme
Screen Shot 2022-10-12 at 13.19.03
Screen Shot 2022-10-12 at 13.19.13
Screen Shot 2022-10-12 at 13.19.24
site Read-Only:

[2]: Share a read-only link | Webflow University m

Hey Mel @mellyg, here’s what you have to do:

Element 1
Select Bold Text on the base breakpoint (Desktop) and reset the positioning. It’s currently set to Absolute, which causes your issue.

Element 2
This is happening because the image is set as a background-image to Hero Top Section. The easiest solution for you would be to copy CTA Main Wrapper from Home to About. You can see how the image is set up differently. It’s not a background-image, but an image within a div.

Let me know if this helps.

Hi @choreus - Thank so much for taking the time to answer this!

Nearly have it sorted…delighted.

Just one thing on the dynamic text, when I drag the screen to make it smaller on a desktop computer - the text appears a bit out of place - Do you know how I can fix this? Image attached.

Hi Mel @mellyg, you can fix this by selecting your class typed-text and resetting the position. It’s currently set to absolute with top: 140px;.

1 Like

Thanks again for all your help @choreus - really appreciate it.