Row showing 1 column instead of 3

[petitshoo]

Hi,

I am trying to figure out why a row I have set up to be 3 columns at 33% 33% 33% is showing up as 1 column (100%). It is showing properly in the page builder but is not showing properly when I view the actual page. I have check all my settings and have no idea why this is happening.

Initially, I duplicated a page and created this row when I first encountered the problem. I deleted that page and created a new page from scratch. Still having the issue. I have checked other pages and they are working fine. Only seems to be on this new page. Please help.

The page in issue is here: https://powercoalition.org/request-a-meeting-with-a-redistricting-fellow/

[ruenel]

Hey @petitshoo,

Thanks for posting in!

You are having this issue because you have inserted a broken HTML code. You had added this in the Text element:

<div style="padding: 25px; line-height: 1.4;">
  <span class="lead-in">Carlton Jones</span>
  <br>Baton Rouge Area
</div>
</div>

The extra closing </div> messed up the whole row/column layout. Please have it updated and use this tinstead:

<div style="padding: 25px; line-height: 1.4;">
  <span class="lead-in">Carlton Jones</span>
  <br>Baton Rouge Area
</div>

Best Regards.