Footer layout issue

[Hyperbits]

We have noticed that occasionally the layout of certain pages will break on our site and the body content and the footer will be side-by-side in two separate columns.

We can’t figure out yet when/why this happens, it doesn’t change after any of our page design or CSS changes and it doesn’t seem to correspond to any updates.

The CSS rule that I have to change to fix the issue is:

.x-root {
display: flex;
}

If I change this to display: block the layout is fixed. What do you think is causing this issue to come up sporadically and is there a better fix than just changing this styling rule on each page where it happens?

Thanks!

[tristup]

Hi @Hyperbits,

Thanks for reaching out.
It mostly happen due to the broken HTML which is been added within the content.
I would suggest you check by deleting the section one by one till the issue is fixed, and the last one you have deleted before the fix is the actual issue. If that does not resolve the issue, there might be some different reason behind your reason, I would like to suggest troubleshoot the following common issue to help us to recognize the reason.

1.Plugin Conflict
2.Theme Update related issue
3.Child Theme Related issue
4.CSS/JS Customization
5.Disabling Cache

If you discover that an issue is coming from a custom code or 3rd party plugin, kindly consult with a developer or contact the plugin author. Please note that we do not provide support for custom codes and 3rd party plugins.
If none of this helps, please create a separate thread and provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

NOTE: I have checked the listed website in your Themeco Account and didn’t find the issue even removing the CSS code you have added to fix it.

Thanks