My web form is not correctly displayed on my Wix mobile site. What to do?

My web form is not correctly displayed on my Wix mobile site. What to do?

If your online form is not correctly displayed on your Wix mobile site, it might be caused by the use of too many links, images and other rich elements in the form’s content or in the headline. To fix this problem, you’ll need to add some stylesheets to your online form, but fear not, all the steps (including the stylesheets) are displayed below. That being said, let’s get started.

Go to My FormsYour formSettings and click on the Themes tab on the left.

fix form's headline on mobile

Click on the Use custom CSS link and wait for the lightbox to appear on screen.

fix form's headline on mobile

Copy this code in the custom CSS lightbox:

.tdheader table, .tdmain table { 
width: 100%; 
table-layout: fixed; 
} 

.headline img, .tdheader img { 
height: auto; 
max-width: 95% !important; 
} 

.headline, .tdheader table { 
word-wrap: break-word; 
word-break: break-word; 
}

The code should appear in the custom CSS lightbox as seen below:

fix form's headline on mobile

Hit the Apply button and you are done. From now on, your online form will appear correctly on any mobile device.

For assistance, don’t hesitate to contact our Customer Support Team at support@123formbuilder.com or via our contact form.

Related documentation:
My Wix form is not visible on mobile. What to do?
How to optimize 123FormBuilder web forms on Wix mobile devices?

Olivian Stoica
Olivian Stoica
Oli's enthusiasm for helping our fellow users led him to write thorough know-how articles and tutorials that would make form building a bliss on 123FormBuilder.

Leave a Reply

Your email address will not be published. Required fields are marked *