WPtouch Mobile Plugin
[Plugin: WPtouch] WP Touch newsletter form, not showing properly. (6 posts)

  1. ahuggup86
    Posted 3 years ago #

    how can i make my newsletter form show properly on my website

    <div id="doulike-outer" style="background: #D8C7D8;">
    <table width='100%'>
    <span style="background: url('/wp-content/themes/mywebsite/images/didyoulikethis.png') no-repeat center top;height: 19px;width: 231px;float: left;"></span>
    	<div id="optin">
            <h3 style="background: url('/wp-content/themes/mywebsite/images/getfreeupdates.png') no-repeat center top;width: 256px;height: 19px;float: left;margin:15px 0px 5px 0px"></h3>
    			<form method="post" class="af-form-wrapper" action="http://www.aweber.com/scripts/addlead.pl" target="_new">
    			<div style="display: none;">
    			<input type="hidden" name="meta_web_form_id" value="newsletter#" />
    			<input type="hidden" name="meta_split_id" value="" />
    			<input type="hidden" name="listname" value="drivennetwork" />
    			<input type="hidden" name="redirect" value="http://mywebsite.com/thankyou-coi.htm?m=video" id="newsredirect" />
    			<input type="hidden" name="meta_adtracking" value="mywebsitek" />
    			<input type="hidden" name="meta_message" value="1001" />
    			<input type="hidden" name="meta_required" value="name,email" />
    			<input type="hidden" name="meta_tooltip" value="" />
    			<p class="email-btn"><input id="awf_field-newsid" type="text" name="name" class="name" value="Enter your name" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" tabindex="500" style="color:#666;" />
    			<input id="awf_field-newsid" type="text" name="email" class="email" value="Enter your email" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" tabindex="501" style="color:#666;" /></p>
    			<p><input name="submit" type="submit" value="Submit" tabindex="502" style="color:#666;" />
    <td class="social">
    <p style="margin:15px 0px 10px 0px;background: url('/wp-content/themes/mywebsite/images/followdriven.png') no-repeat center top;height: 13px;width: 162px;"></p>
    <a href='http://facebook.com/mywebsite' rel='nofollow' title='Follow us on Facebook'><img src='/wp-content/themes/mywebsite/images/fb-btn.png'/></a>
    <a href='http://twitter.com/mywebsite' rel='nofollow' title='Follow us on Twitter'><img src='/wp-content/themes/mywebsite/images/tw-btn.jpg'/></a>
    <a href='https://plus.google.com/u/1/mywebsite/posts' rel='nofollow' title='Follow us on Google+'><img src='/wp-content/themes/mywebsite/images/goo-btn.jpg'/></a>
    <a href='http://youtube.com/mywebsite' rel='nofollow' title='Follow us on Youtube'><img src='/wp-content/themes/mywebsite/images/yt-btn.jpg'/></a>

    [Moderator Note: Please post code or markup snippets between backticks or use the code button. Or better still - use the pastebin]


  2. ahuggup86
    Posted 3 years ago #

    its not showing correctly on mobile web version

  3. BraveNewCode Inc.
    Plugin Author

    Posted 3 years ago #


    Please share the URL of where you have this implemented on and provide some more information about how it's not showing up properly. We'll gladly take a look for you. Thanks.

  4. ahuggup86
    Posted 3 years ago #

    if you view the my website on your mobile device, http:/drivennetwork.com and then click on one of the post you will see that its not showing the subscription area properly what can we do in the css to make it compatible an render properly on mobile devices, but it shows correctly on desktop version

  5. ahuggup86
    Posted 3 years ago #

    did u see the issue that i am having

  6. BraveNewCode Inc.
    Plugin Author

    Posted 3 years ago #

    @ahuggup86, I see that your subscription area is structured with table cells and several of the elements have fixed widths. Tables and mobile aren't always good friends. You'll want to make sure that the table, all its cells, and elements have variable widths where widths are defined. When fixed widths are wider than your mobile screen, you'll see the issues you're encountering.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WPtouch Mobile Plugin
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.