# Embed form error - 'submit' button off screen

**URL:** <https://forums.knack.com/t/embed-form-error-submit-button-off-screen/6851>\
**Category:** Ask Developers\
**Tags:** embedding\
**Created:** [January 29, 2019, 11:38am UTC](https://forums.knack.com/t/embed-form-error-submit-button-off-screen/6851 "2019-01-29T11:38:36Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![MichaelSha95380](https://avatars.discourse-cdn.com/v4/letter/m/13edae/32.png) [@MichaelSha95380](https://forums.knack.com/u/MichaelSha95380)\
**Post date:** [January 29, 2019, 11:38am UTC](https://forums.knack.com/t/embed-form-error-submit-button-off-screen/6851/1 "2019-01-29T11:38:36Z")

</div>

Hi, I have embedded a form onto our Wordpress website.

It all works perfectly, but for some reason the 'submit' button and 'Powered by Knack' text is displayed alongside the side of the form rather that at the bottom, meaning users have to fill in the form then scroll back up to click submit.

The screenshot shows what I mean.

Any suggestions?

Thanks

Michael

![](https://tickets.knack.com/hc/user_images/ywys1-2nVIuFUk1jHgkNQw.png)

---

<div class="post-metadata">

**Author:** ![MichaelSha95380](https://avatars.discourse-cdn.com/v4/letter/m/13edae/32.png) [@MichaelSha95380](https://forums.knack.com/u/MichaelSha95380)\
**Post date:** [January 29, 2019, 7:41pm UTC](https://forums.knack.com/t/embed-form-error-submit-button-off-screen/6851/2 "2019-01-29T19:41:59Z")

</div>

Genius! Worked perfectly - thanks so much Tim!

---

<div class="post-metadata">

**Author:** ![TimLohnes65432](https://avatars.discourse-cdn.com/v4/letter/t/ecb155/32.png) [@TimLohnes65432](https://forums.knack.com/u/TimLohnes65432)\
**Post date:** [January 29, 2019, 7:11pm UTC](https://forums.knack.com/t/embed-form-error-submit-button-off-screen/6851/3 "2019-01-29T19:11:57Z")

</div>

Those two elements are supposed to be at the bottom of the form, correct?

In the inspector, it works by adding 'clear: both;' to kn-submit class.

Try to add that in your Builder. I have no idea if it will work.

Go to Settings Gear \> API & Code \> CSS

Paste this and Save CSS.

.kn-submit {  
 clear: both;   
}

---

<div class="post-metadata">

**Author:** ![MichaelSha95380](https://avatars.discourse-cdn.com/v4/letter/m/13edae/32.png) [@MichaelSha95380](https://forums.knack.com/u/MichaelSha95380)\
**Post date:** [January 29, 2019, 7:01pm UTC](https://forums.knack.com/t/embed-form-error-submit-button-off-screen/6851/4 "2019-01-29T19:01:48Z")

</div>

Sorry sharing the link would have been the easiest thing in the first place!

[https://www.glasgowdisabledscouts.org/training2019/](https://www.glasgowdisabledscouts.org/training2019/)

Many thanks

Michael

---

<div class="post-metadata">

**Author:** ![TimLohnes65432](https://avatars.discourse-cdn.com/v4/letter/t/ecb155/32.png) [@TimLohnes65432](https://forums.knack.com/u/TimLohnes65432)\
**Post date:** [January 29, 2019, 6:58pm UTC](https://forums.knack.com/t/embed-form-error-submit-button-off-screen/6851/5 "2019-01-29T18:58:02Z")

</div>

Is there a live page to look at?

Would need to see the Styles section. Would be a lot easier live.

See right side of my screenshot.

 ![](https://support.knack.com/hc/user_images/eEpXPOSlWmRv8zg-PubsCw.png)

---

<div class="post-metadata">

**Author:** ![MichaelSha95380](https://avatars.discourse-cdn.com/v4/letter/m/13edae/32.png) [@MichaelSha95380](https://forums.knack.com/u/MichaelSha95380)\
**Post date:** [January 29, 2019, 6:27pm UTC](https://forums.knack.com/t/embed-form-error-submit-button-off-screen/6851/6 "2019-01-29T18:27:05Z")

</div>

Thanks very much for replying Tim.

I guessed it maybe had something to do with the CSS on my website too, but I couldn't figure out what - I'm not an expert at this I'm afraid!

I've attached a screenshot of what the inspector brings up - any clues in there that I should be doing something with?

Thanks again

Michael

 ![](https://support.knack.com/hc/user_images/oGcvANxu6q_PtWFGvOnDww.png)

---

<div class="post-metadata">

**Author:** ![TimLohnes65432](https://avatars.discourse-cdn.com/v4/letter/t/ecb155/32.png) [@TimLohnes65432](https://forums.knack.com/u/TimLohnes65432)\
**Post date:** [January 29, 2019, 5:40pm UTC](https://forums.knack.com/t/embed-form-error-submit-button-off-screen/6851/7 "2019-01-29T17:40:14Z")

</div>

I'm guessing the CSS of your website is overriding something in Knack. I would use the inspector on the browser to check what is dictating the position of those elements. Though I'm not sure how you could get the Knack CSS to take last priority and override the website.

I would also check the form not embedded, just on its own and make your screen the same size as it appears on your site. If the problem exists there, then it is something funky with Knack. In that case, you could override it with custom CSS in your Knack Builder.