This theme is stated to be mobile responsive. I have attached two images showing the issues of the site not displaying correctly on iPad. How can this be fixed? If you look at the URL on a laptop or desktop there is an image of the book with an endorsement to the left of the lead capture display. On the iPad that image does not show at all with the lead capture box overlapping site sections and a partial image displays in the lead capture box with another image which is assigned to the first sticky blog post in bottom section floating to the left of the lead capture box. Then the same image which should be in circle for caregivers and replaced where the floating image should be in the first displayed post. HELP!
Hello, Greetings from InkThemes! Could you please provide us 'URL' of your site so that we can better assist you? Looking forward to your reply. Thanks & Regards! Priyanka InkThemes.com
Hello, I have checked your site and didn't get any issue over there... Kindly check.. Thanks & Regards! Priyanka InkThemes.com
If you look at the site on an iPad - the signup box form on opening index/home site section overlaps other sections including the menu bar. Is this theme mobile responsive? Also we requested the contact box on the opening index to be integrated with aWeber. Now visually it does not look right - please correct the following or tell me how to correct. These changes will probably correct the iPad issue: How to reduce the white padding top and bottom that is that is in theme options called lead capture form heading Add in the following code for the contact form - just on the opening index/home page: <!-- AWeber Web Form Generator 3.0.1 --> <style type="text/css"> #af-form-771839277 .af-body .af-textWrap{width:98%;display:block;float:none;} #af-form-771839277 .af-body .privacyPolicy{color:#000000;font-size:11px;font-family:Verdana, sans-serif;} #af-form-771839277 .af-body a{color:#880303;text-decoration:underline;font-style:normal;font-weight:normal;} #af-form-771839277 .af-body input.text, #af-form-771839277 .af-body textarea{background-color:#FFFFFF;border-color:#919191;border-width:1px;border-style:solid;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana, sans-serif;} #af-form-771839277 .af-body input.text:focus, #af-form-771839277 .af-body textarea:focus{background-color:#FFFAD6;border-color:#030303;border-width:1px;border-style:solid;} #af-form-771839277 .af-body label.previewLabel{display:block;float:none;text-align:left;width:auto;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana, sans-serif;} #af-form-771839277 .af-body{padding-bottom:15px;padding-top:15px;background-repeat:no-repeat;background-position:inherit;background-image:none;color:#000000;font-size:11px;font-family:Verdana, sans-serif;} #af-form-771839277 .af-quirksMode{padding-right:10px;padding-left:10px;} #af-form-771839277 .af-standards .af-divider{margin-right:10px;margin-left:10px;} #af-form-771839277 .af-standards .af-element{padding-right:10px;padding-left:10px;} #af-form-771839277 .buttonContainer input.submit{background-image:url("https://forms.aweber.com/images/auto/gradient/button/c00.png");background-position:top left;background-repeat:repeat-x;background-color:#ac0000;border:1px solid #ac0000;color:#FFFFFF;text-decoration:none;font-style:normal;font-weight:normal;font-size:14px;font-family:Verdana, sans-serif;} #af-form-771839277 .buttonContainer input.submit{width:auto;} #af-form-771839277 .buttonContainer{text-align:center;} #af-form-771839277 button,#af-form-771839277 input,#af-form-771839277 submit,#af-form-771839277 textarea,#af-form-771839277 select,#af-form-771839277 label,#af-form-771839277 optgroup,#af-form-771839277 option{float:none;position:static;margin:0;} #af-form-771839277 div{margin:0;} #af-form-771839277 form,#af-form-771839277 textarea,.af-form-wrapper,.af-form-close-button,#af-form-771839277 img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;} #af-form-771839277 input,#af-form-771839277 button,#af-form-771839277 textarea,#af-form-771839277 select{font-size:100%;} #af-form-771839277 select,#af-form-771839277 label,#af-form-771839277 optgroup,#af-form-771839277 option{padding:0;} #af-form-771839277,#af-form-771839277 .quirksMode{width:100%;max-width:250px;} #af-form-771839277.af-quirksMode{overflow-x:hidden;} #af-form-771839277{background-color:#FFFFFF;border-color:transparent;border-width:1px;border-style:solid;} #af-form-771839277{display:block;} #af-form-771839277{overflow:hidden;} .af-body .af-textWrap{text-align:left;} .af-body input.image{border:none!important;} .af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;} .af-body input.text{width:100%;float:none;padding:2px!important;} .af-body.af-standards input.submit{padding:4px 12px;} .af-clear{clear:both;} .af-divider-parent{padding-bottom:15px;padding-top:0!important;} .af-divider{display:block;height:12px;margin-bottom:6px;} .af-element label{text-align:left;display:block;float:left;} .af-element{padding-bottom:5px;padding-top:5px;} .af-form-wrapper{text-indent:0;} .af-form{text-align:left;margin:auto;} .af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;} .lbl-right .af-element label{text-align:right;} body { } </style> <form method="post" class="af-form-wrapper" accept-charset="UTF-8" action="https://www.aweber.com/scripts/addlead.pl" > <div style="display: none;"> <input type="hidden" name="meta_web_form_id" value="771839277" /> <input type="hidden" name="meta_split_id" value="" /> <input type="hidden" name="listname" value="awlist4140218" /> <input type="hidden" name="redirect" value="https://www.aweber.com/thankyou-coi.htm?m=text" id="redirect_23434fb5cc65622a383bbfc1be7dea94" /> <input type="hidden" name="meta_adtracking" value="PAINDEMIC_Book_Updates_Signup" /> <input type="hidden" name="meta_message" value="1" /> <input type="hidden" name="meta_required" value="name,email" /> <input type="hidden" name="meta_tooltip" value="" /> </div> <div id="af-form-771839277" class="af-form"><div id="af-body-771839277" class="af-body af-standards"> <div class="af-divider" style="border-bottom: 1px Dashed #f71c0d;"></div> <div class="af-element"> <label class="previewLabel" for="awf_field-79769948">First & Last Name: </label> <div class="af-textWrap"> <input id="awf_field-79769948" type="text" name="name" class="text" value="" onfocus=" if (this.value == '') { this.value = ''; }" onblur="if (this.value == '') { this.value='';} " tabindex="500" /> </div> <div class="af-clear"></div></div> <div class="af-element"> <label class="previewLabel" for="awf_field-79769949">Email: </label> <div class="af-textWrap"><input class="text" id="awf_field-79769949" type="text" name="email" value="" tabindex="501" onfocus=" if (this.value == '') { this.value = ''; }" onblur="if (this.value == '') { this.value='';} " /> </div><div class="af-clear"></div> </div> <div class="af-element buttonContainer"> <input name="submit" class="submit" type="submit" value="Book Updates Signup" tabindex="502" /> <div class="af-clear"></div> </div> <div class="af-element privacyPolicy" style="text-align: center"><p>We respect your <a title="Privacy Policy" href="https://www.aweber.com/permission.htm" target="_blank" rel="nofollow">email privacy</a></p> <div class="af-clear"></div> </div> </div> </div> <div style="display: none;"><img src="https://forms.aweber.com/form/displays.htm?id=7OyMHMycTOzs" alt="" /></div> </form> <script type="text/javascript"> <!-- (function() { var IE = /*@cc_on!@*/false; if (!IE) { return; } if (document.compatMode && document.compatMode == 'BackCompat') { if (document.getElementById("af-form-771839277")) { document.getElementById("af-form-771839277").className = 'af-form af-quirksMode'; } if (document.getElementById("af-body-771839277")) { document.getElementById("af-body-771839277").className = "af-body inline af-quirksMode"; } if (document.getElementById("af-header-771839277")) { document.getElementById("af-header-771839277").className = "af-header af-quirksMode"; } if (document.getElementById("af-footer-771839277")) { document.getElementById("af-footer-771839277").className = "af-footer af-quirksMode"; } } })(); --> </script> <!-- /AWeber Web Form Generator 3.0.1 -->
Hello Drcady, Yes, the theme is absolutely mobile responsive.. Regarding your first issue, would you please add the code given below in Custom CSS field (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard. Code: @media only screen and (max-width: 1140px) and (min-width: 960px){ .page_info { margin-top: 151px; } .caption { top: 0; } } @media only screen and (max-width: 960px) and (min-width: 767px){ .caption { right: -0.35%; top: 0; } .page_info { margin-top: 181px; } } For your second issue i.e. How to reduce the white padding top and bottom that is that is in theme options called lead capture form heading For this, code is given below.. Code: .signupform-header h4 { padding: 10px !important; } And for your last issue, please send us your dashboard details at [email protected] along with this thread link as well and we will do it for you.. Looking forward to your reply. Thanks & Regards! Priyanka InkThemes.com
Thanks for the details... We will get back to you soon.. Your patience will be appreciated, Thanks & Regards! Priyanka InkThemes.com
