I have a visualforce page I have added to a custom object page layout, but it does not show up on my slaesforce 1 mobile app.  I enabled the Available for Salesforce mobile apps and Lightning Pages checkbox on the page. Could it be my code needs to be html5? The code is below.


 

<apex:page standardController="Case" showChat="false" showHeader="false" standardStylesheets="false" >


<style>
table {


border-bottom: solid 1px #E0E3E5;
background-color:#ffffff;
font-size:11px;
font-family:arial;

}
.tr{
border-bottom: solid 1px #E0E3E5;


}

.background{
background-color:#ffffff;



|





</style>
 <apex:form >
  <apex:pageblock > 
                <table  >
                    <tr>
                        <div style="font-family:arial;font-size:14px;border-bottom: solid 1px #E0E3E5;" ><h4>Standard Warranty Information</h4></div>
                    </tr>
                </table>
                
                <table style="color:#4A4A56;background-color:#ffffff;" width="100%" cellpadding="10px">
                    <tr >
                   
                    
                        <th>Extended Wnty Order #</th>
                        <th>Ext. Warranty Type</th>
                        <th>Ext. Warranty Description</th>
                        <th>Sold To Company</th>
                        <th>Ship To Company</th>
                        <th>Active Start Date</th>
                        <th>End Date</th>
                       
                    </tr>
                    <tr>
                        <td style="border-bottom: solid 1px #E0E3E5;"><apex:outputText value="{!Case.Serial_Number__r.Ext_Warranty__r.Name }" /></td>
                        <td style="border-bottom: solid 1px #E0E3E5;"><apex:outputText value="{!Case.Serial_Number__r.Ext_Warranty__r.Ext_Wnty_Type__c}" /></td>
                        <td style="border-bottom: solid 1px #E0E3E5;"><apex:outputText value="{!Case.Serial_Number__r.Ext_Warranty__r.Ext_Wnty_Desc__c}" /></td>
                        <td style="border-bottom: solid 1px #E0E3E5;"><apex:outputText value="{!Case.Serial_Number__r.Ext_Warranty__r.Sold_To_Company_Name__c}" /></td>
                        <td style="border-bottom: solid 1px #E0E3E5;"><apex:outputText value="{!Case.Serial_Number__r.Ext_Warranty__r.Ship_To_Company_Name__c}" /></td>
                        <td style="border-bottom: solid 1px #E0E3E5;"><apex:outputText value="{0,date,MMMM dd, yyyy}">
                        <apex:param value="{!Case.Serial_Number__r.Ext_Warranty__r.Start_Date__c}"/> </apex:outputText></td>
                        <td style="border-bottom: solid 1px #E0E3E5;"><apex:outputText value="{0,date,MMMM dd, yyyy}">
                        <apex:param value="{!Case.Serial_Number__r.Ext_Warranty__r.End_Date__c}"/> </apex:outputText> </td>
                    </tr>

                   
             
                
   
                   
                   
                </table>
                
                
               
                
                
               
            </apex:pageblock>
           </apex:form>
</apex:page>