Order of Items

Hello,

I would like to use the hero of this theme: https://woodmart.xtemos.com/demo-landing-gadget/demo/landing-gadget/

On desktop the text is on the left side, and the image on the right side. On mobile the image shows first, and the text under it. How can I change the order for mobile so the text will show first, and the image under it?

Thank you

Hello,

Try to create a staging site:
https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/
Import the “Landing Gadget” demo on the staging site as you want.

Import the demo on the staging site and you can copy or export the desired sections to the live site. or other content types without affecting the live site.

If you have any questions please feel free to contact us.

Best Regards,

Hello Aizaz,

Please see this screenshot: https://ibb.co/8g0qwMGf

I’m using the “Landing Gadget” hero template. How can I make the text (title, description and buttons) show before the image (white phone) on mobile devices?

Thank you

Hello,

Can you please confirm which page builder you are using—WPBakery or Elementor? This will help us provide the right solution for adjusting the text and image order on mobile devices.

Best Regards,

Hello Aizaz

I use Elementor.

Thank you

Hello,

Edit the Page with Elementor. If the text still appears after the image, select the text container and adjust the Order property (set it to a lower number than the image).

See the Screenshot for a better understanding: https://ibb.co/WN1VKmTT

Best Regards,

[Author]

Posts