Resizing for mobile problems

Backlight 4, 5 & 6 Support
#21

The running head is designed to be a fixed height, regardless of screen size, hence no wrapping. You could write your own CSS to implement line-wrapping, but I don’t recommend it.

Instead, you might consider …

  1. Design the running head for desktop, by which I mean to keep what you already have, as “it looks great on desktop”.
  2. Under Running Head => Title, set:
  • Breakpoint: at 640px
  • Breakpoint Visibility: Above the breakpoint
  1. Under Header, turn on Enable "Header, Secondary.
  2. Under Header => Header, Secondary, set:
  • Appears at breakpoint: at 640px
  • Customize further to your liking …

And this will hide the title from the running head on smaller displays, and display it instead in a mobile-only header.

1 Like
#22

Thanks Matthew, I’ll give it a whirl when I get change.
Have a great Christmas and New Year, Regards, Kim.