Mobile footer smaller screens

[beatrice123]

Hi! I have my type set to REM and different elements shown/hidden across device types to fit the screen. BUT a my headers are still outside the frame on smaller devices. Do I need to generate a calc value for this text? Or do i need to add css breakpoints?

Happening in footers:
Desktop:

Mobile image preview in Pro editor:

Responsinator Preview at 375 px width:

This is also happening on a typing text element on my home page. It’s not responding well even though I have set to REM.

could you point me in the right direction?

[Prasant]

Hello Beatrice,

Thanks for writing in!

To take a closer look at the setup, can you please share the website URL? I tried looking at the licence manager page but there are multiple URls over there. Please share the website URL to assist you further.

Thanks.

[beatrice123]

http://attorneyplacementsint.com

[thai]

Hi @beatrice123,

Please try adding this element CSS to your headline element:

@media (max-width: 375px){
  $el .x-text-content-text-primary {
    font-size: 2.5em !important;
  }
}

Hope it helps