Buttons on the form are not lined properly in the mobile view

the buttons on my mobile site are above eachother rather than side to side.

I have checked your JotForm on a mobile emulator and see that the buttons are not displayed side by side. It seems that the issue is being caused by the mobile responsive widget added to the form. The buttons are sized to 50% on the mobile screen by the widget. I tried to resize the width to 45% using CSS. However, the CSS on the responsive widget is overriding the CSS and the injected CSS is not affected on the form.

Please try removing the mobile responsive widget on the form so that the buttons are automatically displayed side by side. Let us know if you need any further assistance. We will be happy to assist.  

then my form wont be responsive haha

The mobile responsive widget script were already incorporated into the Form Builder. This was also the reason you can no longer see the mobile responsive widget in the Widgets lists.

As my colleague already mentioned, the mobile responsive widget could be the culprit for the mobile responsive issue your form was having. 

I test on my form and remove the responsive widget as instructed. When I test on mobile browser, I can see the buttons were now aligned and responsive as intended.

screenshot:

Please try removing first the responsive widget on your form as well and test again.

Let us know if issue remains.

is the rest of the form responsive?

The form should be responsive after removing the widget as well. If you experience any issue, please enable the mobile responsive option from the Advanced Form Designer. If you still experience any issue, please try injecting the following CSS code to the form:

@media only screen and (max-device-width: 736px) {

 .form-pagebreak-back-container, .form-pagebreak-next-container {

   width: 45% !important;

  }

}

}

The form should be displaying on the mobile as shown below:

Hope this information helps!