Default Theme NavBar Links Not Displayed Correctly on Mobile View

[raytu]

VuePress version: 0.8.4

Hi,

I notice that the NavBar dropdown links get wrapped and overlayed with the following links in mobile/vertical view. Please have a look at the attached screenshots to see what I mean. Thanks!

Desktop Screenshot:

Mobile Screenshot (Issue in the Teaching submenu):

[ycmjason]

Could you please kindly include a reproduction link? This would really help investigating the issue.

[raytu]

Link: http://huahongtu.me

[ycmjason]

@raytu thank you. And the source❓

[raytu]

module.exports = {
  themeConfig: {
    nav: [
      { text: 'Home', link: '/' },
      { 
        text: 'Teaching',
        **items: [
          { text: 'FIRE171: Capital One Machine Learning', link: '/teaching/fire171-s18/' },
          { text: 'FIRE271: Capital One Machine Learning', link: '/teaching/fire271-f18/' }
        ]**
      },
      { text: 'Research', link: '/research/' },
      { text: 'Publications', link: '/publications/' },
      { text: 'Media', link: '/media/' },
      { text: 'CV', link: '/cv/' }
    ]
  }
}

[ycmjason]

@raytu

Fixed at #360

[ycmjason]

@raytu you could make the changes in #360 to temporarily fix the issue.

[raytu]

Thanks! I'm surprised that you fixed it so fast. Will this fix be put in the next VuePress version?

[ycmjason]

@raytu No worries! 😄
If this will be released in the next version depends if they approve my changes.