Streaming live at 10am (PST)

Blending static + CMS text in a wordwrap-friendly manner


#1

I’m trying to find a way to blend CMS data items with static text, in a manner that will wrap correctly on mobile devices.

image

The video demonstrates it best, and the limits & problems of my current approach.

Thanks for your help!

In the linked read-only site, the best example is the Categories CMS page.


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


#2

1 Div Block 10: Select wrap children, remove any width, let it flow to edges
2 Text Block 13: Expand
3 Shrink all others inside the Div Block 10

It will allow “Starting from $” to push all underneath in a linear fashion, neatly but still keeping the “Price” on one line, and wrapping “Points” to another line.


#3

Thanks Gary, that’s very helpful

I’ve tried two designs so far- the brackets represent a wrapping div;

  1. Single outer wrap DIV -
    [ TEXT TEXT TEXT TEXT TEXT ]

  2. Outer DIV with two inner DIVs -
    [ [ TEXT TEXT ] TEXT [ TEXT TEXT ] ]

In #1, wrap-children didn’t appear to do anything, but in #2, it’s working beautifully and seems to be keeping the inner DIVs intact on one line.


#4

Excellent! I’m happy to help.


#5

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.