diff --git a/core/src/components/title/readme.md b/core/src/components/title/readme.md
index 5163960738..8a86f2ec53 100644
--- a/core/src/components/title/readme.md
+++ b/core/src/components/title/readme.md
@@ -34,13 +34,13 @@
 Ionic provides a way to create the collapsible titles that exist on stock iOS apps. Getting this setup requires configuring your `ion-title`, `ion-header`, and (optionally) `ion-buttons` elements.
 
 ```html
-<ion-header>
+<ion-header translucent="true">
   <ion-toolbar>    
     <ion-title>Settings</ion-title>               
   </ion-toolbar>
 </ion-header>
 
-<ion-content>
+<ion-content fullscreen="true">
   <ion-header collapse="condense">              
     <ion-toolbar>      
       <ion-title size="large">Settings</ion-title>
@@ -58,7 +58,7 @@ Ionic provides a way to create the collapsible titles that exist on stock iOS ap
 In the example above, notice there are two `ion-header` elements. The first `ion-header` represents the "collapsed" state of your collapsible header, and the second `ion-header` represents the "expanded" state of your collapsible header. Notice that the second `ion-header` must have `collapse="condense"` and must exist within `ion-content`. Additionally, in order to get the large title styling, `ion-title` must have `size="large"`.
 
 ```html
-<ion-header>
+<ion-header translucent="true">
   <ion-toolbar>   
     <ion-buttons collapse="true">
       <ion-button>Click Me</ion-button>
@@ -67,7 +67,7 @@ In the example above, notice there are two `ion-header` elements. The first `ion
   </ion-toolbar>
 </ion-header>
 
-<ion-content>
+<ion-content fullscreen="true">
   <ion-header collapse="condense">              
     <ion-toolbar>      
       <ion-buttons collapse="true">
@@ -98,6 +98,8 @@ ion-title.large-title {
 }
 ```
 
+> When using collapsible large titles, it is required that `fullscreen="true"` be set on `ion-content` and `translucent="true"` be set on the main `ion-header`.
+
 
 ### React
 
@@ -145,13 +147,13 @@ import {
 
 export const LargeTitleExample: React.FC = () => (
   <>
-    <IonHeader>
+    <IonHeader translucent="true">
       <IonToolbar>    
         <IonTitle>Settings</IonTitle>               
       </IonToolbar>
     </IonHeader>
     
-    <IonContent>
+    <IonContent fullscreen="true">
       <IonHeader collapse="condense">              
         <IonToolbar>      
           <IonTitle size="large">Settings</IonTitle>
@@ -184,7 +186,7 @@ import {
 
 export const LargeTitleExample: React.FC = () => (
   <>
-    <IonHeader>
+    <IonHeader translucent="true">
       <IonToolbar>   
         <IonButtons collapse="true">
           <IonButton>Click Me</IonButton>
@@ -193,7 +195,7 @@ export const LargeTitleExample: React.FC = () => (
       </IonToolbar>
     </IonHeader>
     
-    <IonContent>
+    <IonContent fullscreen="true">
       <IonHeader collapse="condense">              
         <IonToolbar>      
           <IonButtons collapse="true">
@@ -226,6 +228,8 @@ ion-title.large-title {
 }
 ```
 
+> When using collapsible large titles, it is required that `fullscreen="true"` be set on `IonContent` and `translucent="true"` be set on the main `IonHeader`.
+
 
 ### Vue
 
@@ -257,13 +261,13 @@ Ionic provides a way to create the collapsible titles that exist on stock iOS ap
 
 ```html
 <template>
-  <ion-header>
+  <ion-header translucent="true">
     <ion-toolbar>    
       <ion-title>Settings</ion-title>               
     </ion-toolbar>
   </ion-header>
   
-  <ion-content>
+  <ion-content fullscreen="true">
     <ion-header collapse="condense">              
       <ion-toolbar>      
         <ion-title size="large">Settings</ion-title>
@@ -283,7 +287,7 @@ In the example above, notice there are two `ion-header` elements. The first `ion
 
 ```html
 <template>
-  <ion-header>
+  <ion-header translucent="true">
     <ion-toolbar>   
       <ion-buttons collapse="true">
         <ion-button>Click Me</ion-button>
@@ -292,7 +296,7 @@ In the example above, notice there are two `ion-header` elements. The first `ion
     </ion-toolbar>
   </ion-header>
   
-  <ion-content>
+  <ion-content fullscreen="true">
     <ion-header collapse="condense">              
       <ion-toolbar>      
         <ion-buttons collapse="true">
@@ -324,6 +328,8 @@ ion-title.large-title {
 }
 ```
 
+> When using collapsible large titles, it is required that `fullscreen="true"` be set on `ion-content` and `translucent="true"` be set on the main `ion-header`.
+
 
 
 ## Properties
diff --git a/core/src/components/title/usage/angular.md b/core/src/components/title/usage/angular.md
index 0a9a4d0a6e..459d8abc0f 100644
--- a/core/src/components/title/usage/angular.md
+++ b/core/src/components/title/usage/angular.md
@@ -23,13 +23,13 @@
 Ionic provides a way to create the collapsible titles that exist on stock iOS apps. Getting this setup requires configuring your `ion-title`, `ion-header`, and (optionally) `ion-buttons` elements.
 
 ```html
-<ion-header>
+<ion-header translucent="true">
   <ion-toolbar>    
     <ion-title>Settings</ion-title>               
   </ion-toolbar>
 </ion-header>
 
-<ion-content>
+<ion-content fullscreen="true">
   <ion-header collapse="condense">              
     <ion-toolbar>      
       <ion-title size="large">Settings</ion-title>
@@ -47,7 +47,7 @@ Ionic provides a way to create the collapsible titles that exist on stock iOS ap
 In the example above, notice there are two `ion-header` elements. The first `ion-header` represents the "collapsed" state of your collapsible header, and the second `ion-header` represents the "expanded" state of your collapsible header. Notice that the second `ion-header` must have `collapse="condense"` and must exist within `ion-content`. Additionally, in order to get the large title styling, `ion-title` must have `size="large"`.
 
 ```html
-<ion-header>
+<ion-header translucent="true">
   <ion-toolbar>   
     <ion-buttons collapse="true">
       <ion-button>Click Me</ion-button>
@@ -56,7 +56,7 @@ In the example above, notice there are two `ion-header` elements. The first `ion
   </ion-toolbar>
 </ion-header>
 
-<ion-content>
+<ion-content fullscreen="true">
   <ion-header collapse="condense">              
     <ion-toolbar>      
       <ion-buttons collapse="true">
@@ -85,4 +85,6 @@ ion-title.large-title {
   color: purple;
   font-size: 30px;
 }
-```
\ No newline at end of file
+```
+
+> When using collapsible large titles, it is required that `fullscreen="true"` be set on `ion-content` and `translucent="true"` be set on the main `ion-header`.
\ No newline at end of file
diff --git a/core/src/components/title/usage/javascript.md b/core/src/components/title/usage/javascript.md
index 0a9a4d0a6e..459d8abc0f 100644
--- a/core/src/components/title/usage/javascript.md
+++ b/core/src/components/title/usage/javascript.md
@@ -23,13 +23,13 @@
 Ionic provides a way to create the collapsible titles that exist on stock iOS apps. Getting this setup requires configuring your `ion-title`, `ion-header`, and (optionally) `ion-buttons` elements.
 
 ```html
-<ion-header>
+<ion-header translucent="true">
   <ion-toolbar>    
     <ion-title>Settings</ion-title>               
   </ion-toolbar>
 </ion-header>
 
-<ion-content>
+<ion-content fullscreen="true">
   <ion-header collapse="condense">              
     <ion-toolbar>      
       <ion-title size="large">Settings</ion-title>
@@ -47,7 +47,7 @@ Ionic provides a way to create the collapsible titles that exist on stock iOS ap
 In the example above, notice there are two `ion-header` elements. The first `ion-header` represents the "collapsed" state of your collapsible header, and the second `ion-header` represents the "expanded" state of your collapsible header. Notice that the second `ion-header` must have `collapse="condense"` and must exist within `ion-content`. Additionally, in order to get the large title styling, `ion-title` must have `size="large"`.
 
 ```html
-<ion-header>
+<ion-header translucent="true">
   <ion-toolbar>   
     <ion-buttons collapse="true">
       <ion-button>Click Me</ion-button>
@@ -56,7 +56,7 @@ In the example above, notice there are two `ion-header` elements. The first `ion
   </ion-toolbar>
 </ion-header>
 
-<ion-content>
+<ion-content fullscreen="true">
   <ion-header collapse="condense">              
     <ion-toolbar>      
       <ion-buttons collapse="true">
@@ -85,4 +85,6 @@ ion-title.large-title {
   color: purple;
   font-size: 30px;
 }
-```
\ No newline at end of file
+```
+
+> When using collapsible large titles, it is required that `fullscreen="true"` be set on `ion-content` and `translucent="true"` be set on the main `ion-header`.
\ No newline at end of file
diff --git a/core/src/components/title/usage/react.md b/core/src/components/title/usage/react.md
index 273693234d..416a14d3ce 100644
--- a/core/src/components/title/usage/react.md
+++ b/core/src/components/title/usage/react.md
@@ -42,13 +42,13 @@ import {
 
 export const LargeTitleExample: React.FC = () => (
   <>
-    <IonHeader>
+    <IonHeader translucent="true">
       <IonToolbar>    
         <IonTitle>Settings</IonTitle>               
       </IonToolbar>
     </IonHeader>
     
-    <IonContent>
+    <IonContent fullscreen="true">
       <IonHeader collapse="condense">              
         <IonToolbar>      
           <IonTitle size="large">Settings</IonTitle>
@@ -81,7 +81,7 @@ import {
 
 export const LargeTitleExample: React.FC = () => (
   <>
-    <IonHeader>
+    <IonHeader translucent="true">
       <IonToolbar>   
         <IonButtons collapse="true">
           <IonButton>Click Me</IonButton>
@@ -90,7 +90,7 @@ export const LargeTitleExample: React.FC = () => (
       </IonToolbar>
     </IonHeader>
     
-    <IonContent>
+    <IonContent fullscreen="true">
       <IonHeader collapse="condense">              
         <IonToolbar>      
           <IonButtons collapse="true">
@@ -121,4 +121,6 @@ ion-title.large-title {
   color: purple;
   font-size: 30px;
 }
-```
\ No newline at end of file
+```
+
+> When using collapsible large titles, it is required that `fullscreen="true"` be set on `IonContent` and `translucent="true"` be set on the main `IonHeader`.
\ No newline at end of file
diff --git a/core/src/components/title/usage/vue.md b/core/src/components/title/usage/vue.md
index 6f5da376c7..86204784ec 100644
--- a/core/src/components/title/usage/vue.md
+++ b/core/src/components/title/usage/vue.md
@@ -26,13 +26,13 @@ Ionic provides a way to create the collapsible titles that exist on stock iOS ap
 
 ```html
 <template>
-  <ion-header>
+  <ion-header translucent="true">
     <ion-toolbar>    
       <ion-title>Settings</ion-title>               
     </ion-toolbar>
   </ion-header>
   
-  <ion-content>
+  <ion-content fullscreen="true">
     <ion-header collapse="condense">              
       <ion-toolbar>      
         <ion-title size="large">Settings</ion-title>
@@ -52,7 +52,7 @@ In the example above, notice there are two `ion-header` elements. The first `ion
 
 ```html
 <template>
-  <ion-header>
+  <ion-header translucent="true">
     <ion-toolbar>   
       <ion-buttons collapse="true">
         <ion-button>Click Me</ion-button>
@@ -61,7 +61,7 @@ In the example above, notice there are two `ion-header` elements. The first `ion
     </ion-toolbar>
   </ion-header>
   
-  <ion-content>
+  <ion-content fullscreen="true">
     <ion-header collapse="condense">              
       <ion-toolbar>      
         <ion-buttons collapse="true">
@@ -91,4 +91,6 @@ ion-title.large-title {
   color: purple;
   font-size: 30px;
 }
-```
\ No newline at end of file
+```
+
+> When using collapsible large titles, it is required that `fullscreen="true"` be set on `ion-content` and `translucent="true"` be set on the main `ion-header`.
\ No newline at end of file