diff --git a/themes/example/components/Header.js b/themes/example/components/Header.js
index fdb049e3..5331eed2 100644
--- a/themes/example/components/Header.js
+++ b/themes/example/components/Header.js
@@ -8,7 +8,7 @@ import { MenuList } from './MenuList'
  */
 export const Header = props => {
   return (
-    <header className='w-full px-6 bg-white  dark:bg-black relative z-10'>
+    <header className='w-full px-6 bg-white  dark:bg-black relative z-20'>
       <div className='container mx-auto max-w-4xl md:flex justify-between items-center'>
         <Link
           href='/'
diff --git a/themes/example/components/MenuItemDrop.js b/themes/example/components/MenuItemDrop.js
index a097abeb..2610b585 100644
--- a/themes/example/components/MenuItemDrop.js
+++ b/themes/example/components/MenuItemDrop.js
@@ -17,7 +17,7 @@ export const MenuItemDrop = ({ link }) => {
       onMouseOut={() => changeShow(false)}>
       {!hasSubMenu && (
         <div className='rounded px-2 md:pl-0 md:mr-3 my-4 md:pr-3 text-gray-700 dark:text-gray-200 no-underline md:border-r border-gray-light'>
-          <Link href={link?.to} target={link?.target}>
+          <Link href={link?.href} target={link?.target}>
             {link?.icon && <i className={link?.icon} />} {link?.name}
             {hasSubMenu && <i className='px-2 fa fa-angle-down'></i>}
           </Link>
@@ -41,7 +41,7 @@ export const MenuItemDrop = ({ link }) => {
               <li
                 key={index}
                 className='not:last-child:border-b-0 border-b text-gray-700 dark:text-gray-200  hover:bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200  dark:border-gray-800 py-3 pr-6 pl-3'>
-                <Link href={sLink.to} target={link?.target}>
+                <Link href={sLink.href} target={link?.target}>
                   <span className='text-sm text-nowrap font-extralight'>
                     {link?.icon && <i className={sLink?.icon}> &nbsp; </i>}
                     {sLink.title}
diff --git a/themes/example/components/MenuList.js b/themes/example/components/MenuList.js
index 09613b1a..90b00c7e 100644
--- a/themes/example/components/MenuList.js
+++ b/themes/example/components/MenuList.js
@@ -17,28 +17,28 @@ export const MenuList = props => {
       id: 1,
       icon: 'fas fa-search',
       name: locale.NAV.SEARCH,
-      to: '/search',
+      href: '/search',
       show: siteConfig('EXAMPLE_MENU_SEARCH', null, CONFIG)
     },
     {
       id: 2,
       icon: 'fas fa-archive',
       name: locale.NAV.ARCHIVE,
-      to: '/archive',
+      href: '/archive',
       show: siteConfig('EXAMPLE_MENU_ARCHIVE', null, CONFIG)
     },
     {
       id: 3,
       icon: 'fas fa-folder',
       name: locale.COMMON.CATEGORY,
-      to: '/category',
+      href: '/category',
       show: siteConfig('EXAMPLE_MENU_CATEGORY', null, CONFIG)
     },
     {
       id: 4,
       icon: 'fas fa-tag',
       name: locale.COMMON.TAGS,
-      to: '/tag',
+      href: '/tag',
       show: siteConfig('EXAMPLE_MENU_TAG', null, CONFIG)
     }
   ]