Hey there! First time posting.
Anyways - I have a website Im building and when the page is viewed on desktop it looks great:
BUT - When the screen is downsized, the two REFERENCE pieces are smooshed together rather than alternating like this:
Rather, I would love it to alternate so each REFERENCE group comes after the associated word blocks. Is there any way to change the order in which groups will appear on the responsive engine when the screen size is smaller?
Thanks!
I’m on mobile so can’t test this, but id try something like this to the bottom row group. (The one containing the text that you want moved above)
When page width < x
Have the nonad formatting set to the opposite side or another change to the formatting in each of the two groups depending on how you’ve set it up
Can you explain a bit more? Im confused by:
The best I’ve been able to do is When Page Width < 768 Then I make the element invisible, but unfortunately, this just leaves a big empty white space
Hey @scott28,
I can’t guarantee my solution would work without seeing your editor and testing, but I’m guessing you can put the second REFERENCE piece (the purple card) in a group (if it’s not already) and make the width of the group tall enough to be lower on the Y axis than the Words section.
Bubble layer’s things based on Y axis so this could work.
This topic was automatically closed after 70 days. New replies are no longer allowed.
