First column in grid is higher

Dazzling
1

I’m not using a plug-in for Bootstrap classes because I am very familiar with the Bootstrap framework, however I seem to be having an issue with column heights. As you can see on this page http://accomplicated.ca/webdesign/kdmpc/after-hours/ the first column is higher than the others. I cannot see what is causing the issue. Any advice that you could provide would be extremely helpful.

<div class="row">
<div class="col-md-4 col-xs-12">
<h4><i class="fa fa-phone-square"></i> 705-327-0578</h4>
</div>
<!-- /col-md-4 col-xs-12 -->

<div class="col-md-4 col-xs-12">
<h4><i class="fa fa-clock-o"></i> Hours:</h4>
Mon. to Thurs. - 6:30pm to 9:30pm
Saturdays - 10am to 1pm
Closed: Fridays, Sundays and Statutory Holidays

</div>
<!-- /col-md-4 col-xs-12 -->

<div class="col-md-4 col-xs-12">
<h4><i class="fa fa-medkit"></i> Location:</h4>
210 Memorial Avenue
Suite 125 (Beside Ben's Pharmacy)
Orillia, ON
L3V 7V1

</div>
<!-- /col-md-4 col-xs-12 -->
</div>
<!-- /row -->
2

I believe that I found the culprit. It is a <p> tag. Unfortunately I cannot see where it is coming from. Any help would be appreciated.

3

Adding the plug-in Toggle wpautop resolved the issue. I’m going to add this plug-in to all of my sites.

4

Hi @accomplicated,

Awesome great to see you got that resolved.

Please advise if you have more questions.

Have a fantastic day!

Cheers,
Movin