Support » Plugin: WPtouch - Make your WordPress Website Mobile-Friendly » [Plugin: WPtouch] WP Touch newsletter form, not showing properly.

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

    <div id="doulike-outer" style="background: #D8C7D8;">
    <table width='100%'>
    <tbody>
    <span style="background: url('/wp-content/themes/mywebsite/images/didyoulikethis.png') no-repeat center top;height: 19px;width: 231px;float: left;"></span>
    <tr>
    <td>
    	<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="" />
    			</div>
    			<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;" />
    			</p>
    		</form>
    	</div>
    </td>
    <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>
    </td>
    </tr>
    </tbody></table></div>

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

    http://wordpress.org/extend/plugins/wptouch/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter Volume 1

    (@ahuggup86)

    its not showing correctly on mobile web version

    Hi,

    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.

    Thread Starter Volume 1

    (@ahuggup86)

    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

    Thread Starter Volume 1

    (@ahuggup86)

    did u see the issue that i am having

    @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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Plugin: WPtouch] WP Touch newsletter form, not showing properly.’ is closed to new replies.