-
xxtita
Hi, how to break-word for a headline in generatepress/blocs. Both premium. I made a layout in flex – just container with background-image and headline in it. but how do i make a word-break for mobile? Hopefully without extra css.
thank you. -
Fernando
Hi xxtita,
To clarify, should the text just break on mobile? If so, you’ll need to create two Headline Blocks for the breaking text, and just use the Hide-on-* feature of GB Pro.
Reference: https://docs.generateblocks.com/article/advanced-options-overview/#hide-on-options-pro-feature
-
xxtita
ok, also not responsive at all. thank you.
-
Hi there,
if you want to use
break-word
then it requires CSS today.
Give the Block an Advanced > Additional CSS Class eg.break-this-word
.Then add the CSS to your site. eg.
.break-this-word { word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; }
-
xxtita
Nice, thank you.
Just did not work well with icons in headline. -
xxtita
So, i separated icons and headline, now everything is fine.
Thank you for your support. -
Glad to hear that
- You must be logged in to reply to this topic.