diff --git a/themes/hexo/components/Header.js b/themes/hexo/components/Header.js
index 8f2557fa..d6fff722 100644
--- a/themes/hexo/components/Header.js
+++ b/themes/hexo/components/Header.js
@@ -56,9 +56,9 @@ const Header = props => {
   return (
         <header
             id="header"
-            className="md:bg-fixed w-full h-screen bg-black text-white relative"
+            className="w-full h-screen bg-black text-white relative"
         >
-            <div className='w-full h-full fixed'>
+            <div className='w-full h-full'>
                 <Image src={siteInfo.pageCover} fill
                     style={{ objectFit: 'cover' }}
                     className='opacity-70'
diff --git a/themes/matery/components/Header.js b/themes/matery/components/Header.js
index c7b7302c..b24ff85d 100644
--- a/themes/matery/components/Header.js
+++ b/themes/matery/components/Header.js
@@ -96,6 +96,7 @@ const Header = props => {
                     placeholder='blur'
                     blurDataURL='/bg_image.jpg' />
             </div>
+
             <div className="absolute flex flex-col h-full items-center justify-center w-full ">
                 <div className='text-4xl md:text-5xl text-white shadow-text'>{siteInfo?.title}</div>
                 <div className='mt-2 h-12 items-center text-center shadow-text text-white text-lg'>