Header looks different in browser vs editor

[kyleteal]

Wondering what is going on here, looks great in the editor but bad in the browser. Tried in multiple browsers and cleared cache.

http://greenclockfilms.com/excelfinancial/wp-content/uploads/2017/12/Screen-Shot-2017-12-28-at-8.23.03-PM.png

http://greenclockfilms.com/excelfinancial/wp-content/uploads/2017/12/Screen-Shot-2017-12-28-at-8.23.17-PM.png

[ruenel]

Hello There,

Thanks for writing in! I have logged in and I found out that you have inserted incorrect html codes in your text element. When inserting html code, please ensure that you have properly closed the tag because it could create issues and messed up the layout. For example;

<p><i  class="x-icon x-icon-envelope" style="text-align: center;      font-size: 14px;" data-x-icon="&#xf0e0;" aria-hidden="true"></i> <span style="color: #ffffff;"><a href="mailto:[email protected]">[email protected]</a>     </span><br><i  class="x-icon x-icon-phone" style="text-align: center;      font-size: 14px; color: #fff;" data-x-icon="&#xf095;" aria-hidden="true"></i> (888) 688-6441      <strong><span style="color: #e97667;"></div>

The correct code should be this:

<p><i  class="x-icon x-icon-envelope" style="text-align: center;      font-size: 14px;" data-x-icon="&#xf0e0;" aria-hidden="true"></i> <span style="color: #ffffff;"><a href="mailto:[email protected]">[email protected]</a>     </span><br><i  class="x-icon x-icon-phone" style="text-align: center;      font-size: 14px; color: #fff;" data-x-icon="&#xf095;" aria-hidden="true"></i> (888) 688-6441      <strong><span style="color: #e97667;"></span></strong></p>

Please double check your codes and make sure that it is valid and correct.

Please let us know how it goes.