Making text wrap or defining columns in responsive tables

[tlhull1]

First off, I am new to the site and CSS, so I wanted to thank all of you for your help and generosity of time, code and overall dude or dudetteness.

I am working on a site that uses responsive tables. I have got them working fairly well but I need to define the columns or get the words to wrap after a certain point. I have illustrated the problem in the screenshot below. Please know that these tables are repeated hundreds of times on the site using different information so hopefully there is a css solution. Any help would be forever appreciated.

[MOD EDIT – Codedump removed]

You guys are the best!

[Paulie_D]

Please make a Codepen.io example.

Codedumps like that are really too long for this forum, are very hard to read and are, quite often, incomplete.

[tlhull1]

My apologies @paulie_d . Here is the link to the codepen http://codepen.io/tlhull1/pen/iIsDf

Also, here is the link to where it is on my site
http://www.upcountrysportfishing.com/hatch/

Thanks again for any help.

[burr]

The pen looks like it is doing what you want?

If not please elaborate on what exactly you are trying to do.

[tlhull1]

Burr, Thanks. I was looking in the wrong spot. The pen was doing it right, but my site was not. There was some latent code that was over riding mine. I appreciate the help.

[Author]

Posts