diff --git a/frontend/src/pages/public/About.vue b/frontend/src/pages/public/About.vue
index b0430a8..d18dfe1 100644
--- a/frontend/src/pages/public/About.vue
+++ b/frontend/src/pages/public/About.vue
@@ -1,17 +1,15 @@
 <template>
   <div class="directories_containter">
-    <div
-      class="directory_container"
-      v-for="(directory, index) in directories"
-      :key="index"
-    >
+    <div class="directory_container" v-for="(directory, index) in directories" :key="index">
       <div
         class="directory_cover_image"
         :style="{ 'background-image': `url(${directory.cover_picture})` }"
       />
       <p class="directory-title">{{ directory.title_text }}</p>
       <p class="directory-subtitle">{{ directory.summary_text }}</p>
-      <button class="btn btn-link directory-btn" @click="view_link(directory)">{{ $t('Read More') }}</button>
+      <button class="btn btn-link directory-btn" @click="view_link(directory)">
+        {{ $t('Read More') }}
+      </button>
     </div>
   </div>
 </template>
@@ -35,7 +33,10 @@ export default {
         })
     },
     view_link(directory) {
-      this.mnx_navToLinkContentViewer(btoa(directory.content_link))
+      if (directory.content_id)
+        this.mnx_navToPdfContentViewer(directory.content_id)
+      else if (directory.content_link)
+        this.mnx_navToLinkContentViewer(btoa(directory.content_link))
     }
   },
   data() {
diff --git a/frontend/src/pages/public/Blogs.vue b/frontend/src/pages/public/Blogs.vue
index a73b0ec..7ca82ce 100644
--- a/frontend/src/pages/public/Blogs.vue
+++ b/frontend/src/pages/public/Blogs.vue
@@ -32,7 +32,10 @@ export default {
         })
     },
     view_blog(blog) {
-      this.mnx_navToPdfContentViewer(blog.content_id)
+      if (blog.content_id)
+        this.mnx_navToPdfContentViewer(blog.content_id)
+      else if (blog.content_link)
+        this.mnx_navToLinkContentViewer(btoa(blog.content_link))
     },
     retrieve_summary(blog) {
       return blog.summary_text
diff --git a/frontend/src/pages/public/Career.vue b/frontend/src/pages/public/Career.vue
index ed2330d..fb415bc 100644
--- a/frontend/src/pages/public/Career.vue
+++ b/frontend/src/pages/public/Career.vue
@@ -1,11 +1,6 @@
 <template>
   <div class="career_containter">
-    <div
-      class="career-item"
-      v-for="(directory, index) in directories"
-      :key="index"
-      @click="view_link(directory)"
-    >
+    <div class="career-item" v-for="(directory, index) in directories" :key="index" @click="view_link(directory)">
       <p class="career-title">
         {{ directory.title_text }}
       </p>
@@ -33,7 +28,10 @@ export default {
         })
     },
     view_link(directory) {
-      this.mnx_navToLinkContentViewer(btoa(directory.content_link))
+      if (directory.content_id)
+        this.mnx_navToPdfContentViewer(directory.content_id)
+      else if (directory.content_link)
+        this.mnx_navToLinkContentViewer(btoa(directory.content_link))
     }
   },
   data() {