pearofducks/gitbook-plugin-theme-vuejs

When header is overflowing, the content is not displayed with full width

simplesmiler opened this issue · 0 comments

simplesmiler commented

In some languages (e.g. Russian) the phrase Edit this page occupies more space, then in English. This causes the header to overflow on small screens, pushing the content from the right side.

Demo: https://vuex.vuejs.org/ru/installation.html (view on small screen).

A couple possible solutions:

  1. .normal.markdown-section { width: 100% }.
  2. Hide the edit label on small screens.

Kudos to @vladknp for initial report.