Column Not Full Width at Breakpoints

I’m trying to get my column on my page to be full width of the row container, but it seems to only work at the following breakpoints:

  • @media (max-width: 479.98px)
  • @media (max-width: 1199.98px) and (min-width: 979px)

All other times the column only fill ~60% of the container (see image below). How can I fix this?

Also, I’m trying to utilize the WPForms 2-column CSS class on my form fields, but it doesn’t seem to render on my site. How can I get those CSS classes to be followed? Or is there a different CSS class I can use to get 2-column field format?

Thanks!
Alex

Hi Alex,

Thanks for reaching out.
Sometimes the only screenshot doesn’t help us to recognize the issue you are having. We need to examine your site to check what is the cause of your problem. Hope you will not mind sharing your website credentials. Please provide the details of your site in a secure note, including:

– WordPress Site URL & Admin URL
– Exact Page URL where you are having this issue
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

Hi @tristup, I’ve gone ahead and added that secure note.

Hi @margley,

The given credentials are not working, please double check it.

Thank you.

Hi @marc_a, I got a notification that the password was changed. I wonder how that occurred…

I just checked and the new one (in secure note above) worked for me.

Hello @margley,

I have double-checked it and it is still not working for us.

See the secure note.

Hi @ruenel, I figured out why. It’s because there is an asterisk * between the “wc” and the “jd”. Try that and let me know if it works.

Hello @margley,

I have successfully logged in to your site. After checking, I found out that you are having the issue because of your responsive column layout in the row element settings.

Screen Shot 2020-11-13 at 10.18.00 AM

Screen Shot 2020-11-13 at 10.18.15 AM

Screen Shot 2020-11-13 at 10.18.22 AM

Please edit your page and remove the 60% 40% and use One column only. To learn more about the Row element and its column layout, check this out:

Hope this helps.

Thanks, @ruenel! I was looking in the wrong layout element (column, not row)

Hi @margley,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.