Footer now appearing on right side of site

Support
#1

Hello,

I have the footer now appearing on the right side of the site after upgrading X. I found a similar topic here:

I don’t see a conclusion on this locked topic but I do have a staging environment up with this… I’ll include the login details in the next post which will be private.

#2

Hey there,

Unfortunately, I could not understand exactly what steps I should take to access your staging website, but regarding the problem that you’re experiencing it is mostly because of the old version of the theme that you were using.

Please kindly update the theme to version 5.1.1 and Cornerstone to version 2.0.6. After that please double check that you have only one instance of Cornerstone plug-in on your plugins page, if you have more please delete the old one.

Needless to say that you should have a complete backup of your website before doing so just in case.

Also, make sure that you purge all caches if you use such a plug-in and deactivate all the performance or cache related ones.

Thank you.

#3

I’ll include instructions as we are on those versions :slight_smile:

Footer Appears on the Right Side of Page
#4

Hi There,

To fix this issue, please add this CSS under Customizer > Custom > Global CSS:

.x-root {
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
footer.x-colophon.bottom {
    width: 100%;
}
1 Like
#5

Thank you! I will try this … but do you know why it’s happening? Is it a theme issue?

#6

Hi There,

It might be there is unclosed HTML tag on that page.

Let us know how it goes!

#7

I just wanted to add that I was having the same issue with my post pages. I tried several fixes and then used the provided CSS code in this thread, but it didn’t quite fix it. I was fooling around a couple of days ago with some templates in my child theme and thought I had them restored to the original code. Last ditch I overwrote those files with copies of the original files from the x theme and the problem disappeared. I obviously did not restore the files correctly after I tried to customize some things. Am mentioning this here to point out the importance of using a child theme when making any customizations. No response required. Thanks.

#8

Hey @lexidev,

Thank you for sharing with us.

Cheers!

#9

Hello!

I got quite the same problem: on one page, the footer is on the right side and not on the bottom.
Unfortunately the CSS code didn’t help.
I also don’t have child themes and I got the newest version of X-Theme, Cornerstone and all other plugins.

The strange part is, that the footer is on the bottom, while editing the page in Cornerstone. But after exiting Cornerstone, it appears on the right side…

Please help, thanks!

#10

Hi @maheu88,

Please provide us with your website URL so we can take a closer look.

Thanks.

#11

This worked for me, but ever since, when i edit a page in cornerstone it always puts all the blocks “below” the footer. Any ideas?

#12

Thank you for answer @thai
I didn’t do anything, but now it works properly… No idea what was the problem.

Cheers!

#13

Glad to hear it.

Cheers!

#14

I fixed mine, was a plugin conflict with “feed them social”

#15

Glad you’ve sorted it out and thanks for sharing. :slight_smile: