I do not mean to disrespect you or anything. I apologize if you feel that way.
Now, if we look back to your original screenshots, we can see that you have inserted a
<div> tag in the topbar content. Because of that, the browser particularly Chrome generates the
<p> tag. It is not the theme that generates that. Actually, if you check your site with the Firefox Developer Tool, it will tell you that there is an excess
I have mentioned it before that the topbar content only accepts plain texts. Though there are exceptions, only the
<br> and other inline HTML tags are permitted. Other than that, it will result in an issue in which in your case, the browse generates the p tag.
If you only insert “
Reach us at: (123) 456-7890” in your topbar content, no p tag will be generated in the browser dev tool. In the browser output, it will display like this:
<p class="p-info"> Reach us at: (123) 456-7890</p>.
If you need a donate button and would like to display it to the right side, your topbar content should be like this:
Reach us at: (123) 456-7890 <span class="alignrightmc"><a class="x-btn x-btn-flat x-btn-pill x-btn-regular" href="/donate/" title="Donate" data-options="thumbnail: ''"><i class="x-icon x-icon-o-arrow-alt-circle-right" data-x-icon-o="" aria-hidden="true"></i>DONATE TODAY</a></span>
Hope this helps.