[Resolved] Website structure is in wrong order when on a mobile

[Simon]

Hi,

I need to change the structure of the layout. I used elementor on http://www.skrservices.co.uk and the layout is fine on a mobile but i am now creating a site using your theme for http://www.totalcleanersolutions.co.uk, when looking at it though a mobile it will show images in a line, then text, then icon click. The order when scrolling down should be image, text, icon.

please look at http://www.skrservices.co.uk through a mobile to understand what i mean.

Thanks
Simon

[David]

Hi there,

thats because you have added the Images in one Elementor section, the text in another Section and the Buttons in another.

You need to create one section and in each column add an Image, Text and Button Widget.

[Simon]

Hi,

I have done the same structure on another site and i didn’t have this problem ?

[David]

The Theme has nothing to do with how the Elementor plugin behaves.
The problem is related to using different sections for each of the different widgets.

Its just simply a case of creating 1 x Elementor Section with 4 x Columns.
In each column you add an Image Widget, a Text Widget and a Button widget.
Then it will behave correctly on Mobile.

[Simon]

It is not, as i said before it has not done this on the skrservices website. do you want the logins so you can see it ?

[David]

It doesn’t matter how the other site was built.
The issue with the totalclean site is how you have built that section.

This is not theme related. it is how you are using Elementor that is incorrect.
If you can just follow the steps i provided here you will see that it works correctly:

https://generatepress.com/forums/topic/website-structure-is-in-wrong-order-when-on-a-mobile/#post-1285375

[Simon]

Hi,

apologies, you where right it was me.

thanks 🙂 si

[David]

No problems – glad to be of help

[Author]

Posts