diff --git a/themes/nobelium/components/Nav.js b/themes/nobelium/components/Nav.js
index 5e6232af..899b7ea0 100644
--- a/themes/nobelium/components/Nav.js
+++ b/themes/nobelium/components/Nav.js
@@ -68,11 +68,11 @@ const Nav = props => {
             </div>
           </Link>
           {post ? (
-            <p className='ml-2 font-medium text-gray-800 dark:text-gray-300 header-name'>
+            <p className='ml-2 max-h-12 line-clamp-2 overflow-ellipsis font-medium text-gray-800 dark:text-gray-300 header-name'>
               {post?.title}
             </p>
           ) : (
-            <p className='logo ml-2 font-medium text-gray-800 dark:text-gray-300 header-name whitespace-nowrap'>
+            <p className='logo line-clamp-1 overflow-ellipsis ml-2 font-medium text-gray-800 dark:text-gray-300 header-name whitespace-nowrap'>
               {siteConfig('TITLE')}
               {/* ,{' '}<span className="font-normal">{siteConfig('DESCRIPTION')}</span> */}
             </p>