Accordions in row behaving weird

Hi there,

Our accordions and the section underneath it look normal when viewed in editor (see below)

but they look completely off once previewed in browser (the section underneath “Our Services” is now far above the footer, which shouldn’t be the case)

Any idea as to what could be the cause of it?

Hi @INcroatia,

Thanks for reaching out.

To better help you with your concern, please give us the following information in a Secure Note.

  • WordPress Login URL
  • Admin level username and password
  • The URL of the page you are working on

You can find the Secure Note button at the bottom of your posts.

Thank you.

Hi @cramaton, here’s the info!

Hey @INcroatia,

Broken layouts on the live page, while the layout is fixed in the builder, is usually caused by broken HTML. Please check where you’ve placed custom HTML and fix the broken HTML. You can use this tool https://htmlhint-playground.netlify.app/

image

image

Once you’ve fixed the HTML and the issue persists, we’ll troubleshoot further.

I’d recommend though that you avoid using HTML in your content to prevent this kind of issue.

Thanks.

Thanks @christian, this solved it.

Hi @INcroatia,

Glad that we are able to help you.

Thanks

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