Footer appears in second column on top of page after LearnDash shortcode

[dannikb]

I have placed a “Raw” element on a page. It contains a shortcode (for LearnDash profiles – [ld_profile] ). In the editor, all looks fine, but when I view the page on the front end, the main body of the page has two columns, and the footer appears on the second column at the top.

I’ve tried everything I can to fix this, including adding an extra closing div tag after the shortcode, wrapping the shortcodes in divs, all kinds of custom CSS, putting the raw element on the page not within a section/row/column, etc. None of these solutions seem to work.

I’ve created a copy of the page and will provide the link and credentials (since you have to be logged in to see this) in a secure note.

[tristup]

Hi Danni,

Thanks for reaching out.

I checked the mentioned page but couldn’t find any issues. It seems that the shortcode might have been removed. I recommend adding it back and letting us know so we can investigate further.

Please keep in mind that this type of problem is often caused by broken HTML . You’ll need to check whether the shortcode output contains any missing closing tags or broken HTML tags.

Also, note that we don’t provide support for custom coding or third-party plugin issues. If you’d like us to investigate beyond the scope of standard theme support, you can avail of our One service, where we answer the questions beyond normal theme support.

Thanks

[dannikb]

Hi,
You have to be logged in as a student for the shortcode to render. Can you please use the Student credentials I sent in the Secure Note to see the issue?

[tristup]

Hi Danni,

I have already checked after logging in using the Student credentials, but didn’t find any issue in the problematic page. Can you please provide any specific URL along with any screenshot marked with the issue or any video that helps us to recognize the problem?

Thanks

[dannikb]

Hi,

It might be a bit confusing. When you log in, you’re taken to /nwnodn/profile. You then need to manually go to the URL /nwnodn/profile-test/.

I turned off the footer on /profile because it was breaking the layout, so that page looks OK except that ther’es no footer. If you add the “-test” to the end of the URL you’ll see the issue.

I’ve also attached a screenshot.

Thanks!

[ruenel]

Hello Danni,

I have investigated the issue thoroughly and I found out that the shortcode [ld_profile] is generating a broken HTML closing out the Section/Row/Column layout on the frontend. We can hack this by adding this in your shortcode:

Kindly check out your page now.

Best Regards.

[dannikb]

This solved it. Thank you so much!

[prakash_s]

You are most welcome, Danni.