field inputs not responsive

[John Paul]

Hi, I have added some field sets to the tickets , which work great on 22″ screen.. but as soon as they a re resized they narrow down to small boxes.. see screenshot..

http://webnprosper.wpengine.com/event/johns-test-course/

use link above to view

[Cliff]

Hi John. Thanks for the link and screenshot.

I checked your link and it looks like it’s working now. Do you need any more help on this topic?

[John Paul]

This reply is private.

[Cliff]

Thanks for confirming. I looked into this further and this file http://webnprosper.wpengine.com/wp-content/themes/Divi/style.css?ver=4.5.3 is adding a max-width of 100px to each tr and when the browser width is 600px or narrower our tr gets other styling applied and so these two issues are making things not appear nicely.

You may want to use CSS like this:

@media (max-width: 600px) {
body.single-tribe_events #content-area table tr,
body.single-tribe_events .tribe-event-tickets-plus-meta tr {
/* your CSS rules here, possibly needing to alter the selectors above too */
}
}

You’ll need to determine how you want it displayed and use the CSS for that. Or maybe there’s a Divi option for that min-width rule.

I hope this helped you toward your implementation with your Divi theme. Please let me know if you get everything figured out.

[John Paul]

thank you

[Cliff]

I’m glad I was able to help!

[Author]

Posts