diff --git a/examples/components/App.tsx b/examples/components/App.tsx
index e346bb772..7f8c5403e 100644
--- a/examples/components/App.tsx
+++ b/examples/components/App.tsx
@@ -23,6 +23,9 @@ import classnames from 'classnames';
 import Doc, {docs} from './Doc';
 import Example, {examples} from './Example';
 
+// @ts-ignore
+import Logo from '../static/logo.svg';
+
 let ExamplePathPrefix = '/examples';
 let DocPathPrefix = '/docs';
 let ContextPath = '';
@@ -226,8 +229,7 @@ export class App extends React.PureComponent {
 
           <div className={`${theme.ns}Layout-brand`}>
             <Link to={`${ContextPath}/docs`}>
-              {/* <i className="fa fa-paw" /> */}
-              <span className="hidden-folded m-l-sm">AMIS</span>
+              <div className="logo"></div>
             </Link>
           </div>
         </div>
@@ -280,7 +282,7 @@ export class App extends React.PureComponent {
             />
           </div>
         </div>
-        <div className={`${theme.ns}Layout-searchBar`}>
+        <div className={`${theme.ns}Layout-searchBar hidden-xs hidden-sm`}>
           <DocSearch theme={this.state.theme.value} />
         </div>
 
@@ -363,7 +365,7 @@ export class App extends React.PureComponent {
         <AlertComponent theme={theme.value} locale={this.state.locale} />
 
         <div className="Doc">
-          <div className="Doc-nav">
+          <div className="Doc-nav hidden-xs hidden-sm">
             <div className="Doc-navigation">
               {navigations.map(item => (
                 <div className="Doc-navigationGroup" key={item.label}>
diff --git a/examples/components/MdRenderer.tsx b/examples/components/MdRenderer.tsx
index 580bc187c..20c0b8a25 100644
--- a/examples/components/MdRenderer.tsx
+++ b/examples/components/MdRenderer.tsx
@@ -252,7 +252,7 @@ export default function (doc) {
             </div>
           </div>
           {doc.toc && doc.toc.children && doc.toc.children.length > 1 ? (
-            <div className="Doc-toc">
+            <div className="Doc-toc hidden-xs hidden-sm">
               <div>
                 <div className="Doc-headingList">
                   {this.renderHeading(doc.toc.children)}
diff --git a/examples/static/logo.png b/examples/static/logo.png
index fc2bb8529..eaaa8e3ff 100644
Binary files a/examples/static/logo.png and b/examples/static/logo.png differ
diff --git a/examples/style.scss b/examples/style.scss
index 4b239d56d..cb371b3cc 100644
--- a/examples/style.scss
+++ b/examples/style.scss
@@ -161,11 +161,14 @@ a {
         height: 64px;
         line-height: 64px;
         font-size: 24px;
-        padding: 0;
         font-weight: 400;
+        width: 200px;
+        padding: 0;
 
-        i {
-          color: #108cee;
+        .logo {
+          background: url('./static/logo.png') left/contain no-repeat;
+          height: 40px;
+          margin-top: 12px;
         }
       }