Shortcode causes footer to move

[shellatastic]

Hi X Themers,

I’m wondering if you can help me. I don’t normally do such complex changes in X theme but I’ve had to incorporate a bespoke accordion solution for a customer. I have created the shortcode functionality in the functions.php of a child theme, and I have added the css and javascript in the Theme Options. Unfortunately whenever I use the shortcode it causes the X footer to move to the side. I have gone through all the CSS and I cannot see what is causing this. I have also tried disabling the css, refreshing, but the issue is still there. If I do the same with the javascript it’s still there too. Any chance you can help me with this? I realise this is me trying to use my custom solution but if it’s obvious why the footer moves I’m desperate for some assistance! Everything else I am using is X theme elements, and I have several X websites so your help is much appreciated.

You can see it here: http://geekgirl.online/customers/tz/.
The shortcode is [sc_accordian_home]
It’s under the section Think Data Center Security. Think TZ.

Many thanks,
Shelley

[christian]

Hey Shelley,

This is usually caused by broken HTML somewhere in your page. I checked your site in an HTML validator and indeed, a structural part is broken.

If removing the custom accordion shortcode fixes the issue, something in it is most probably broken. In this case, you will need to contact the developer who created the shortcode.

If that does not resolve the issue, save your page as a template and load it in a new test page. Then, remove sections 1 by 1 until you find which section is causing the issue and then you can narrow per element.

Thanks.