Content Modal pulls in page content

Hi,

For some reason I have a modal in my footer and instead of just displaying the modal content it also pulls in some code from the page above it OR displays an error message.

Scroll to bottom of page and click “connect with us” to see it action

Sucking in page content:

Error message:

Hi @BSFC,

Thank you for reaching out to us. I checked your site and I noticed you’re using an outdated version of Pro, always make sure to update your theme and plugins as many bugs are addressed in the latest releases. You can find the latest version numbers here: (http://theme.co/changelog/) Then you can compare them to what’s installed on your site.

If you find anything to be out of date, you can review our update guide.

If this doesn’t help then please check your content for a missing HTML tag in your modal content. This usually happens when there is an unclosed HTML tag in the content.

If you still have problems kindly get back to us with the result of the steps above and URL/User/Pass of your WordPress dashboard using the Secure Note functionality of the post to follow up the case.

Thanks!

1 Like

Hi @BSFC,

Thanks for getting back to us and adding a secure note. I’ve taken a look and it’s because you were using some of the internal shortcodes like [cs_element_social _id=“9”]. These shortcodes aren’t meant to be coded in by hand so I removed them. It was actually just pulling in a different element that had an ID of 9 and rendering it out. Anything that starts as cs_element_ is actually part of the Content Builders internals and doesn’t really work if you copy/paste it to another context.

To add a gap with a shortcode you can use this: http://demo.theme.co/integrity-1/shortcodes/gap/

To show social icons I would recommend using more featured headlines to match the style you have already. You could also use an icon list: http://demo.theme.co/integrity-1/shortcodes/icon-list/