Forms Not Displaying Correctly On Desktop Or Mobile - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Forms Not Displaying Correctly On Desktop Or Mobile

DA

Dina Abramson

Template 3 years ago

Hi, my rsforms are not displaying or working correctly on desktop and mobile. I opened a support ticket with RSForms and after investigation and attempting a number of things to fix the issue, support had the following to say:

"from what I can see, you've disabled the form's Load Layout CSS / JS option, thus, the style that you're now viewing is inherited from your template or from other CSS you have loaded on your page. For example, I can notice that the SPPageBuilder component is adding some styles, it would be best to directly contact your template developers directly regarding such styling issues."

i have a couple of screenshots and a video to display:

https://awdtest3.com/images/rsform_mobile.png https://awdtest3.com/images/bootstrap5form.png https://awdtest3.com/images/forms.mp4

The checkboxes are not lining up correctly across from the label, and the input area is too far to the left and overwrites the label.

Any help you can provide is appreciated.

Thanks.

0
3 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #50388

Hi there!

Please use the following code in your custom CSS:

.rsform label {
    transform: none!important;
}

Hope this will solve the issue for you!

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

0
DA
Dina Abramson
Accepted Answer
3 years ago #50514

thank you, i had to add a couple of css lines to fix padding, but works on mobile and desktop.

appreciate your assistance

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #51043

Glad to know that and you are always welcome:)

0