2nd Column of Site Will Not Wrap

I have been dealing with this issue for a while now and trying to understand how to fix my page builder.  Column 2 doesn't wrap, but cut off what is left.  See link and images attached:

http://www.operationenduringfitness.com/m/photos/home/ 

why did this happen and what can i do to fix?  thanks.

will not wrap.zip · 140.1K · 191 downloads
www.OEFitness.com: Where Health and Wellness Remain United
Quote · 30 Jan 2014

Well, whoever designed your template needs a serious crash course in css.

so much to do....
Quote · 30 Jan 2014

This is a problem with Dolphin's builder, in my opinion.  I have seen your problem on my site.  What you will need to do is to adjust the column widths.  The right column is not wide enough for the blocks to display properly; the block won't size down to fit in that right column; they spill out to the right and will be cut off.  You have to understand that the current Dolphin is based on code going back many years.  There has been many different programmers working on the code over the years.  The code will set a physical width for the columns, they are not based on percentages; the left column is not X% of the viewport; it is Xpx.  The builder would seem to be setting the columns in percentages but that is not the case at all.

As you work with Dolphin you find all sorts of things.  In some places of the code, such things as widths are set in the php script.  In others, javascript sets them dynamically.  In some places the php code will calculate such things as widths from the server side.  Then you have CSS.  All this will make it frustrating when you have an issue with layout trying to figure out how to fix it.

Here is an example, the member's menu bar has table widths that are set dynamically.  I wanted to change the font size of parts of the site's menu and it caused my member's menu bar to be twice as high because the table was set to a width and thus had to wrap.  UGH!.  I came here on the forum asking for help with locating the javascript function controlling this and NEVER got an answer.

Geeks, making the world a better place
Quote · 30 Jan 2014

It is a issue with your custom template. Something weird is going on with the margins causing the problem.

For some reason you have replaced your default uni template with your custom which is one thing that should not be done. But your alt template at least still works and the problem is not present in the alt template. So that narrows it down to your custom template.

https://www.deanbassett.com
Quote · 30 Jan 2014

However, the issues I have pointed out does make templating a lot more difficult than it should be.  Some code clean up is needed.  Another example,  The width for the profile photo is hard coded into the code that generates the profile photo block.  That is why the photo size does not change based on the width of the column the block is located in.

Geeks, making the world a better place
Quote · 30 Jan 2014

www.OEFitness.com: Where Health and Wellness Remain United
Quote · 26 Feb 2014
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.