dalai2017

Thank you for all of this information.

I set the column width to 15% and the images look great on desktop and medium size screens. It seems to only be an issue on smartphone devices or extra small screens.

It actually looks like the text width is the sole factor creating the varying column widths on extra small screens. Some of them have resized to 15% of the phone screen correctly. But, the ones with longer words in the column did not resize correctly.

Is there any way I can treat the text as percentages? Or is there something that will resize the text proportionately? Right now I’m using pixels and I’m wondering if that’s something I can control differently to help.

Thank you

Hi Jess,
One more form puzzle, here.
I am having a similar responsive problem with one of my other forms: http://dalaigroup.com/services/digital-ux/
First, the button is not responsive on mobile.

The field information and the submit button should be the same streamline width, as demonstrated by the current pixel settings. Both the field information and the button need to be responsive for mobile devices, so I should be using percentages… but the form should not take up the full width of the page.

So, there are 2 new variables. 1) The field information and the button should only have a width of about 75% of the page. 2) The form information and button should be centered on the page.

I’ve tried to incorporate all of this and things ended up misaligned or unresponsive on my phone. Here’s what I have set up currently. Any help is appreciated!

#wpforms-15737 .wpforms-field-container {
max-width: 800px !important;
margin: 0 auto !important;
}

#wpforms-15737 .wpforms-submit-container {
text-align:center;
}

#wpforms-15737 .wpforms-submit {
width: 800px !important;
border-radius: 600px !important;
}

#wpforms-15737 .wpforms-form input, .wpforms-form textarea{
border: none !important;
border-bottom: 1px solid #cbcbcb !important;
}

#wpforms-15737 .wpforms-form textarea{
height: 38px !important;
resize: none !important;
}

Oh my goodness, thank you for those options.

I will let you know if I have any further questions trying one of these.

Thank you

-Stephanie

perfect! thank you, Tobias!

For the table under “Our Strategy”: http://dalaigroup.com/case-study-food-industry-client/

I’m trying to align the whole table to the right side of the page. No luck! What can I do?

-Thanks!

I see how that may be doubled between the rows of text. Thank you for the suggestion!

The first table under “Client Goals.”
http://dalaigroup.com/case-study-food-industry-client/

I’m not sure if the table cells have a default minimum height requirement, based on the font-size used? I tried 50px, and it won’t display anything smaller than the 56px.

I’m having the same problem with the client goal table on this page, too:
http://dalaigroup.com/case-study-entertainment-industry-client/

I have done some cell merging, if that contributes. I’m just trying to condense things a little bit and have all of the text a little closer together.