# Page content hidden on second step of multi-page form \[RESOLVED\]

**URL:** <https://community.gravityforms.com/t/page-content-hidden-on-second-step-of-multi-page-form-resolved/18597>\
**Category:** Get Help\
**Tags:** invalid-html, multipage-form\
**Created:** [December 5, 2024, 2:58pm UTC](https://community.gravityforms.com/t/page-content-hidden-on-second-step-of-multi-page-form-resolved/18597 "2024-12-05T14:58:05Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![user600819bd2afea892](https://avatars.discourse-cdn.com/v4/letter/u/e95f7d/32.png) [@user600819bd2afea892](https://community.gravityforms.com/u/user600819bd2afea892)\
**Post date:** [December 5, 2024, 2:58pm UTC](https://community.gravityforms.com/t/page-content-hidden-on-second-step-of-multi-page-form-resolved/18597/1 "2024-12-05T14:58:06Z")

</div>

I have a form that has two pages - the form, followed by a step asking the user to confirm their input/submit the form.

On the second step, when “display: none;” is applied to the table containing the first, for some reason this causes the top part of my non-form page content to disappear out the top of the browser?! In my browser’s inspector if I find that rule (display: none) and disable it, the missing page content reappears.

Anyone know what’s happening, and how I might fix it?

---

<div class="post-metadata">

**Author:** ![user667de5549d834819](https://avatars.discourse-cdn.com/v4/letter/u/8491ac/32.png) [@user667de5549d834819](https://community.gravityforms.com/u/user667de5549d834819)\
**Post date:** [December 5, 2024, 9:17pm UTC](https://community.gravityforms.com/t/page-content-hidden-on-second-step-of-multi-page-form-resolved/18597/2 "2024-12-05T21:17:41Z")

</div>

You may have invalid HTML or an unclosed HTML tag in your form, which can cause styles to be applied to undesired elements. Check any HTML elements on your form or website. This tool can help: [https://validator.w3.org/](https://validator.w3.org/)

---

<div class="post-metadata">

**Author:** ![user600819bd2afea892](https://avatars.discourse-cdn.com/v4/letter/u/e95f7d/32.png) [@user600819bd2afea892](https://community.gravityforms.com/u/user600819bd2afea892)\
**Post date:** [December 10, 2024, 3:29pm UTC](https://community.gravityforms.com/t/page-content-hidden-on-second-step-of-multi-page-form-resolved/18597/3 "2024-12-10T15:29:50Z")

</div>

Thanks for getting back to me, apologies for the slow response.

I don’t have anything, as far as I can see, that’s breaking the layout - I can’t find an HTML checker that tells me I have anything more serious than things like stray “itemprop” attributes, or width attributes on table cells.

When I load a page with a form on it displays fine. If I submit the first step something seems to break. And if I even add the form ID to the URL (eg. “#gf\_125”) it breaks - I noticed this fragment gets added on submission and found if I include it in the URL pre-submission it has the same effect.

---

<div class="post-metadata">

**Author:** ![user600819bd2afea892](https://avatars.discourse-cdn.com/v4/letter/u/e95f7d/32.png) [@user600819bd2afea892](https://community.gravityforms.com/u/user600819bd2afea892)\
**Post date:** [December 10, 2024, 3:58pm UTC](https://community.gravityforms.com/t/page-content-hidden-on-second-step-of-multi-page-form-resolved/18597/4 "2024-12-10T15:58:02Z")

</div>

Ha, and then I found it and (of course) it was some (of my) dodgy CSS.

Thanks for your help.

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [December 12, 2024, 1:27am UTC](https://community.gravityforms.com/t/page-content-hidden-on-second-step-of-multi-page-form-resolved/18597/5 "2024-12-12T01:27:39Z")

</div>