At the moment I have been grouping text onto shapes but often drift way from each other on tablet and mobile view.
Be great to add text into shapes and have the shape scale proportionally to the text.
You should be able to do that with proportionally scaling text. I realize just saying that isn’t very useful, but but rn I’m super busy, but I think the editor x team just did a tutorial on that on YouTube.
I agree with Web Marketing that scaling text could help and I found the video they were referencing. https://www.editorx.com/academy/from-x-team/scale-text
You could also have the elements in a container . That should make it easier to manage how both elements relate to each other instead in relation to the much larger container with more elements. Having a good structure helps a lot going forward too when you’re working on the smaller breakpoints.
EDIT: Didn’t think about it but you can also try adding an image/vector with the text already. Would need to create it but might make it simple to control the relation.
thanks @wmsagent and @Rob I have actually made these changes which helps considerably, however, the text doesn’t centre to the middle of the shape so can shift on smaller breakpoints which I can’t seem to control. I did think about adding a vector, just a lot of work going back through my site to add these. Editor X already have a button that includes text into a shape i felt it would be pretty easy for them to do the above also. Thanks for the video heads up though!
If these are images (and not SVGs), you actually can add text to images using the photo studio .
