Mobile Website Display – LAYOUT error

[KA]

Hello,

Our mobile website has an issue. When opening the webpage on a mobile device, the cover is supposed to be displayed at the very top. However, there is now a set of disorganized information appearing in front of the cover.

website desktop layout:

phone layout:

This issue occurs on all pages. Could you help us resolve it?

website link: formplan.design

[felix_rabe]

@KA that seems to be your desktop-layout that is "stuck" on top. while investigating the error, you can try to fix this provisionally by adding this to custom mobile css:

cover-content-desktop{
display: none;
}

[KA]

Hellohello,
Thank you for replying.
However the css code does not change the current situation.

[alasdair17]

hey, I just tried felix's code and if you take out 'desktop' it should work as I just tried it in inspector. Try this:

.cover-content {
display: none !important
}

[KA]

I tried two pages to test the code.
After refreshing the same issue stays.

[KA]

Hey I observed from my side: if disabling "Enable Cover here" in the mobile version, the messy layout will disappear.
Could this setting be the root cause of the issue?

[arminunruh]

yes! if you update lay theme it should work again, sorry for this!

[KA]

with update and remove the cover feature it is fixed..
thank you!

[arminunruh]

hey i think if you enable the cover feature it should also work now with the update