Form Module Fields on Mobile Devices

LisaM created the topic: Form Module Fields on Mobile Devices

I have setup a form on my website but unfortunately when I look at it on a mobile device the fields are only half the width of the page.

Is there a way to make the fields all fit the page ?

At present they are all set to 200px wide.

Please see attached image.

#64221
Attachments:

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Form Module Fields on Mobile Devices

Hi Lisa! Thank you for posting your question!

Please note, that Form Maker has Fields size option for each of your form fields. You can use this option to set the desired width for your fields.

Alternatively, you can use CSS code and apply 100% width. In case you need help with this code, please give the link to your form page and we will provide the CSS.

Thank you! Have a great day!


Kind regards,
Agapi G.
Web-Dorado team
#64233

Please Log in or Create an account to join the conversation.


LisaM replied the topic: Form Module Fields on Mobile Devices

Hello Agapi

Thank you for your reply.

The form can be found on monkey38.com

If you could supply the code that would be great.

Kind regards
LisaM

#64237

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Form Module Fields on Mobile Devices

Hello LisaM! Thank you for the link!

I tried to alter the CSS, but looks like it is not perfectly aligning with the width with 100% of the size, unfortunately. Could you please use Field size options to equally align the width of the fields?

Thank you!


Kind regards,
Agapi G.
Web-Dorado team
#64303

Please Log in or Create an account to join the conversation.


LisaM replied the topic: Form Module Fields on Mobile Devices

Hello

I have tried applying all the following css using the chrome console but nothing appears to make the fields 100%. Please can you assist?

.wdform_column.ui-sortable {
width: 100% !important;
}

#form12 .wdform-field {
width: 100%! important;
}

#form12 .wdform_row {
width: 100%! important;
}

.wdform-element-section {
width: 100%! important;
}

input#wdform_1_element12 {
width: 100%! important;
}

#64335

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Form Module Fields on Mobile Devices

Hi Lisa!

I have assigned a support task to our development team. They will take a look at the widths and get the necessary view for you as soon as possible.

I'll make sure to notify you, when they finish working on your website.
Thank you!


Kind regards,
Agapi G.
Web-Dorado team
#64373

Please Log in or Create an account to join the conversation.


LisaM replied the topic: Form Module Fields on Mobile Devices

Hello,

Thank you for your help, that appears to be as required.

Thank you.

#64606
The following user(s) said Thank You: Agapi G.

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Form Module Fields on Mobile Devices

You are most welcome, Lisa! We are very glad the problem is sorted out on your site!

Please don't hesitate to let our team know in case you will face other problems or will have questions. We will gladly assist you any time!

Could I ask you to post your kind feedback about Form Maker on Joomla Extensions Directory? Our team would much appreciate your comments, they are a big contribution for us!

Let me give you the link to Form Maker page: goo.gl/TecTLm
Many thanks in advance!


Kind regards,
Agapi G.
Web-Dorado team
#64652

Please Log in or Create an account to join the conversation.


Time to create page: 0.210 seconds
Powered by Kunena Forum

WORLD-CLASS SUPPORT

We are here for you every step of the way. Turn to our support with any questions you might have about our products and services. Our experienced customer care team is available to help you as fast as we possibly can.

Contact us