Button Displaying Incorrectly on IOS

On a site I have built:


On the home page the ‘Shop now’ Button has an extremely long height. Spans the entire iPhone screen. I am told it does this on iPads as well. But no issues anywhere else that I can see. Please advise.
Thanks,

Hey @mattkutz,

I see the issue but this only happens in your site. Would you mind exporting your page as a template using the Template Manager then make the exported file available for us to download. You can use Dropbox to share with us the export file.

We’ll import the file on our end and see if the issue will persist.

Thanks.

Here is the template file as requested:

Thanks for your help.

Hello @mattkutz,

I have taken a closer look at your homepage and I found out that your HTML page is not valid and broken. Perhaps you have added this which broke the entire HTML element structure:

<DOCTYPE html>
<link rel="icon" href="https://carolcustomdesign.com/favicon.png" type="image/x-icon" />
<link rel="shortcut icon" href="https://carolcustomdesign.com/favicon.png" type="image/x-icon" />

<!DOCTYPE html>

<html class="no-js" lang="en-US">

<head>

Please be advised that if you are going to add custom JS/HTML code for the header part of the page, please install the “Insert headers and footers” plugin.

If nothing is helping, provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
- Confirmation that we can access and make changes to your site

To know how to create a secure note, please check this out: How The Forum Works

Best Regards.

Which part is invalid? I did not add anything custom to my knowledge.

Hey @mattkutz,

Did you add this?

<link rel="icon" href="https://carolcustomdesign.com/favicon.png" type="image/x-icon" />
<link rel="shortcut icon" href="https://carolcustomdesign.com/favicon.png" type="image/x-icon" />

There is a duplicate <DOCTYPE html> and the code above should be inside the <head>. Be advised that misplaced HTML code will break the entire page in some browsers. To better assist you with your issue, kindly provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
- Confirmation that we can access and make changes to your site

To know how to create a secure note, please check this out: How The Forum Works

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.