I hate it when I spell things wrong in teh title because I’m in a hurry. 😛 “Mobile”
The problem seems to be linked to the Subscriptions table you’ve inserted at the bottom of your posts. Did you use a plugin to insert that table, or did you insert this manually?
Could you try to edit the table’s code to remove the hardcoded width value, in order to stop your table from pushing every other element on mobile?
Let me know how it goes.
Thanks so much Jeremy. I use a plugin (Bottom of Every Post) that allows me to upload code via at text file. I’m not incredibly gifted at code but when I removed the width option for the table it didn’t make a difference. Below is the code I used for the subscribe form.
<img class="aligncenter wp-image-59" alt="blank" src="http://ourpeacefulplanet.com/wp/wp-content/uploads/2014/04/blank.png" width="640" height="50" /></p>
<table border="0" align="center">
<tr>
<td colspan="3" valign="bottom"> <div align="center"><font size="3"> </font><img src="http://www.ourpeacefulplanet.com/wp/wp-content/plugins/bottom-of-every-post/subscribehere.jpg" width="309" height="110" /></div></td>
</tr>
<tr>
<td width="14" height="93" valign="top"> </td>
<td width="246" valign="top"><!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="http://royrivers.us1.list-manage2.com/subscribe/post?u=60d948a5d21c62fcf1a7859b8&id=0558763261" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="mc-field-group">
<label for="mce-EMAIL"></label>
<div align="center"><font size="1" face="Arial, Helvetica, sans-serif">ENTER YOUR EMAIL </font></div>
<div align="center">
<input type="email" value="" size="50" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<div align="center">
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
</div>
<div style="position: absolute; left: -5000px;">
<div align="center">
<input type="text" name="b_60d948a5d21c62fcf1a7859b8_0558763261" value="">
</div>
</div>
<div class="clear">
<div align="center">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
</div>
</form>
</div>
<!--End mc_embed_signup--></td>
<td width="12" valign="top"> </td>
</tr>
</table>
<div align="center"><img class="aligncenter wp-image-59" alt="blank" src="http://ourpeacefulplanet.com/wp/wp-content/uploads/2014/04/blank.png" width="640" height="50" />
</p>
</div>
You could get rid of the table altogether, and use this code instead:
<div align="center">
<img src="http://www.ourpeacefulplanet.com/wp/wp-content/plugins/bottom-of-every-post/subscribehere.jpg" width="309" height="110" />
</div>
<div id="mc_embed_signup">
<form action="http://royrivers.us1.list-manage2.com/subscribe/post?u=60d948a5d21c62fcf1a7859b8&id=0558763261" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="mc-field-group">
<label for="mce-EMAIL"></label>
<div align="center"><font size="1" face="Arial, Helvetica, sans-serif">ENTER YOUR EMAIL </font></div>
<div align="center">
<input type="email" value="" size="30" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<div align="center">
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
</div>
<div style="position: absolute; left: -5000px;">
<div align="center">
<input type="text" name="b_60d948a5d21c62fcf1a7859b8_0558763261" value="">
</div>
</div>
<div class="clear">
<div align="center">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
</div>
</form>
</div>
That should help.
Perfect! Everything looks great now. Thank you so much for the time you give helping those of us who need it.
Have a wonderful day!
Nancy
