Issue with Team Page Layout on Mobile Version

[user6216]

The team section on my website is displaying incorrectly on the mobile version. What could be causing this issue? I appreciate any help or suggestions. Thank you!

[Dan_Suhr]

any screenshots or a link so we can see what you are talking about.

[user6216]

Hi @Dan_Suhr,

I’ve attached the website link: OurTeam

You can view it in both the mobile and desktop versions, that’s the issue I’m currently facing.

Looking forward to your input.

Thank you!

[Dan_Suhr]

and when you say it is displaying incorrectly, what are you trying to achieve ? it seems ok on my mobile. The buttons at the top need to be resized better, but the rest is displaying as I would assume.

[user6216]

The sequence display appears incorrect. On the web version, Singapore Principal Investigators correctly follows MIT Principal Investigators. However, this order is not reflected in the mobile version. The same issue occurs with the IRG Management section on mobile.

[Dan_Suhr]

hard to say without seeing how you built it. is is seperate repeaters ? maybe you just need to arrange elements correctly.

[user6216]

I took over the page from the previous owner, so I’m not sure if it uses more than one repeater. If I rearrange the elements in the mobile version, it will affect the layout on the web version as well I assume?

[Dan_Suhr]

all depends on how it was built.

[noahlovell]

@user6216 did you resolve this? Just taken a look and the mobile seems to have the same order as the desktop layout.

[user6216]

Hi @noahlovell We haven’t resolved the issue yet, the order on mobile is still different from the desktop version. Thank you

[noahlovell]

Just took a look again side by side and can see it now!

This should be a super easy fix

• Open the editor, and view the page in the largest breakpoint
• Open the layers panel
• Hover over the orange dot, and click “Use on all breakpoints”
  
  
• The layers will then use the same order across breakpoints

[user6216]

Hi @noahlovell The sequence is still not in sequence after click “Use on all breakpoints”

[Dan_Suhr]

are they seperate repeaters ? post up a screenshot from the editor with the layers shown

[user6216]

Here’s the screenshot of the editor and the layers.

[Dan_Suhr]

so seperate repeaters in seperate sections. just needs to be arranged correctly in mobile then.

[user6216]

Ah, okay. It’s just arranged correctly on the mobile view. Hopefully, it won’t affect the web version.