Problem with footer of Pro on tablets

Hey there,

I designed a footer with the Pro-editor and get a strange behaviour on tablets in portrait mode – the footer gets aligned to the top of the page, not to the bottom as designed. What would be a solution for this problem?

Hi There,

Thanks for the details!
Your wp-admin page redirecting to 404 page after login.

Can you please turn off the security plugins? so that we can access your dashboard.
Thanks

Hey there,

thanks for your fast reply. I turned of the security-plugin.

Regards.

Hi There,

I found there is two duplicate container with the same content. one is set as not visible for any device.

This is causing the issue. Can you please confirm if this is intentional? You can delete it and check if the issue resolved.

Thanks

Hey There,

I deleted all unnecessary elements but the footer still aligns to the top of the page on tablets. What else could help?

Hi There,

The issue is occured because you forgot to close a HTML tags in the text element.

Could you please double check all the HTML code in your text elements?

You can copy & paste the HTML to this page to find the unclosed tags: http://fixmyhtml.com/.

Hope it helps :slight_smile:

Hi There,

I couldn’t find any wrong HTML tags on the exmaple page. And I think, that the problem might be caused by something else – the problem exists on all pages and posts. Do have any clue about that?

Hi @dogpile,

I currently have no tablet to check the case but I see problems on your website. Just found out another problem which is that you added a code to Pro > Theme Options > JS and added <script> tag there which causes errors:

Please also check the case with other tablets and browsers after you removed the code. Please consider that our default theme does not have such a problem and it should be something related to the code you added.

Thank you.

Hi @christopher.amirian,

I removed the js-code and the problem still persists. Could there be any other element causing the problem?

Hey @dogpile,

It has something to do with your contact form. See https://youtu.be/aL0ODkraHRI. It might be this stray closing div tag.

Hope that helps.

Hi there,

thanks for your help! Yes, that solved the problem.