question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

NavBar missing with Custom Layout

See original GitHub issue
  • I confirm that this is an issue rather than a question.

Bug report

I created my own custom component and placed it in the appropriate folder. I then called said component in my markdown file frontmatter using the syntax below:

---
title: Marketing Dashboards
layout: DashboardGallery
---

The component displays just fine but the navbar is gone which is contrary to what is indicated in the documentation (https://v1.vuepress.vuejs.org/theme/default-theme-config.html#custom-layout-for-specific-pages)

Am I missing something?

Version

vuepress@1.0.0-alpha.44 is the version I am on

Steps to reproduce

What is expected?

I should be seeing the navbar

What is actually happening?

It’s no visible with the custom layout

Other relevant information

  • Your OS: MacOS Mojave 10.4
  • Node.js version: npm: ‘6.4.1’
  • Browser version: Chrome Version 72.0.3626.121 (Official Build) (64-bit)
  • Is this a global or local install? global
  • Which package manager did you use for the install? yarn
  • Does this issue occur when all plugins are disabled? no idea

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:9 (3 by maintainers)

github_iconTop GitHub Comments

5reactions
kaceocommented, May 27, 2019

I second better documentation and definitely more examples. At this moment I am still not entirely sure what is the layout: frontmatter actually doing, where that vue file should be placed, and how to chain it to the inherited components. Please explain differently for (1) someone writing a complete theme for export as an NPM and (2) someone wanting just to override a few special pages with local override templates, e.g. a carousel or a custom 404 page, and (3) someone who wants to write part of the site in vue single page format and how to define the frontmatter in vue instead of md. Browsing tutorials around the web is totally confusing particularly because of the 0.x to 1.x changes.

2reactions
shigmacommented, Apr 2, 2019
  1. If you are using the default theme, you should provide navbar in your custom layout.

For example:

https://github.com/vuejs/vuepress/blob/dc524128647a5f8f576bbf4bdbfcb4cc291fec4a/packages/%40vuepress/theme-default/layouts/Layout.vue#L8-L11

  1. Or you can create your own theme and use navbar in your GlobalLayout so that every layout will have a navbar.
Read more comments on GitHub >

github_iconTop Results From Across the Web

Navigation bar(s) disappear when the window gets too small
I'm pretty sure what I meant is that my navigation bar is disappearing instead of collapsing. However my set up is this -...
Read more >
navBar is not displayed on custom community theme layout
I am using Stella pre-build community theme and on this theme, the navBar is not displayed for some reason on my custom theme...
Read more >
Wrong navigation bar layout for second modal controller
Hi! There is a bug in iOS 13 that cause the navigation bar of the second controller presented modally to have a wrong...
Read more >
I've somehow got rid of my navigation bar so that it no longer ...
Thanks in advance, I'm really new to Blender and I couldn't find anyone having the same problem. Missing in Layout Mode · properties ......
Read more >
Topic: missing navbar | Themeco Community
Try adding following CSS under Customize > Custom > CSS: ... You have inserted and invalid code that messed up the whole layout...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found