Mobili show differently in Cornerstone and real mobile

Hi! Please see the page:

If you look at this with desktop, you see first the lilac heading and the the separatos and then photo.

But mobile the lila separator is under the image.

If I check it on Cornerstone and mobile view, I see it correctly. So, I don´t know how to fix it. Can you please help me?

Hey @payapi,

It looks like the HTML is broken. A section could not be outputted inside a section when using builder controls only.

I'd recommend that you save your page as a template and then load it to a test page and remove elements and sections one by one to see what section is causing the issue. If you're not familiar with saving a template, please see the Template Manager documentation

If there's no broken HTML in your page, please give us WordPress Admin access in a Secure Note so we could check your setup.



I have a questions: what is the broken html? I won´t be recognize it from the code.

I did the layout and then a test page. I just downloaded the layout and this is the result: The whole page looks bad.

Hello @payapi,

Thanks for updating the thread.

Actually broken code is usually corresponding closing HTML tag is missing or there's a syntax error which causes layout issues. The page url you have shared is having the nested section which should not be the case and looks a broken HTML issue. As my colleague suggested, please remove all the element one at a time to narrow down the said issue.

To learn more, please take a look at following resource.


Hi! give the credential if you could check what is wrong. Thank you!

Hey @payapi,

The broken HTML was caused by an empty section. It's a bug on our side. We're very sorry about that.

I added a row and it's fixed now.

Hope that helps.

Thank you, it looks perfect now.

On behalf of my colleague, you're welcome. Cheers! :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.