Mobile version two different headlines

Hello,

what can i do to optimized the mobile version with headlines that arent going in the next paragraph. I want to do two headlines where one is visible on desktop and one in mobile version so that i can set a “-”.

For example

Veröffentlichung

Ver-
öffentlichung

Thank you


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

by two headlines and toggle display

By display setting and breakpoints you can use two headlines.

hide-on-mobile (The Desktop version).
hide-on-desktop (The mobile version).

**use any name you like.
** Break the line by Shift + Enter ==> <br> (Not by Enter == new <p>).
** For CMS you need to add two feilds for Headline (rich-text to break line).

By spans (Useful only for non CMS headlines)

You can divide the word to span and play with the display (block/inline/none):
image

image

hide "-" on desktop
image

1 Like