[Resolved] Reorder Elements on Mobile

[Ella]

Hello, I’m working on a new site. Please see here: https://wordpress-623989-2435274.cloudwaysapps.com/

I’m using the Avery theme and have just edited the homepage. On the “About Me” but however – I need to be able to swap the text around so that it shows the photo before the text. Can you tell me how I can do this please?

I’m just using the normal WordPress editor and editing the theme directly as it was downloaded on there.

I’ve tried recreating it (and reordering – so the image shows on the left on desktop so that it will show first on mobile) but when I try to copy and paste the element I like the most with the “About” and the pink underline bit – it won’t let me paste it, so I can’t even do it that way.

Thanks for your help.

All the best,
Ella Stearn

[Leo]

Hi Ella,

That section is built with the grid/container blocks from GenerateBlocks.

Therefore you can use the Order option in the container settings:
https://docs.generateblocks.com/article/container-overview/#order

Let me know if this helps 🙂

[Ella]

Ooh amazing, thank you. Only thing now is on mobile I need a space above”About Me” but on desktop I don’t. Is there any way to add a space on mobile only please? 🙂

[Ying]

Hi Ella,

If you click on the About me text, you will be able to change its margin/padding under the spacing tab:
https://docs.generateblocks.com/article/headline-overview/#spacing

And by clicking on the different device icons, you will be able to set different values for the headline block.

[Ella]

Awesome, thank you!

[Ying]

No problem 🙂

[Author]

Posts