Hexo-theme-next: Sidebar offset from top menubar show wider in Safari

[tshu-w]

I agree and want to create new issue

• [x] Yes, I was on Hexo Docs page, especially on Templates, Variables, Helpers and Troubleshooting.
• [x] Yes, I was on NexT Documentation Site.
• [x] And yes, I already searched for current issues and this is not help to me.

---

Expected behavior

Sidebar offset from top menubar show normal in Safari Version 10.1.2 (12603.3.8).

Actual behavior

Steps to reproduce the behavior

1. open http://notes.iissnan.com in safari
2. sometime need refresh

• Link to demo site with this issue: N/A
• Link(s) to source code or any usefull link(s): N/A

NexT Information

NexT Version:

[x] Latest Master branch.
[] Latest Release version.
[] Old version - v5.?.?

NexT Scheme:

[] All schemes
[] Muse
[] Mist
[x] Pisces
[] Gemini

Other Information

[ivan-nginx]

Please, give live test on latest releases or master branches. On Iissnan site is not latest release.

[tshu-w]

Sorry, After I deployed it, everything is fine now.
It seems like that this issue only occurs in hexo s.
BTW, I use the master branches.

[ivan-nginx]

If issue solved, close it please.

[tshu-w]

@ivan-nginx Sorry, everything only work fine on first visit. After I refresh, this issue occurs again.
my blog
source code

[ivan-nginx]

@Voleking are u sure what your settings is fine?

https://blog.voleking.me

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://www.voleking.me
root: /

[tshu-w]

Sorry for my fault 😢. I updated my settings now.
BTW, I refresh my site and this issue occurs randomly.

[ivan-nginx]

Please, try to follow next steps:

1. Backup your source of themes/next directory.
2. Switch to latest release version (5.1.2) (see Download latest master branch. section in main readme).
3. Try to catch same error by refreshing browser with CTRL + SHIFT + R.

Also, check this on NexT test site and give me the answer.

[tshu-w]

I try the steps above but still can catch this error.
And it also occurs on the first visit to the test site, however, it disappear when I refresh browser.

I hexo init a-new-site and this time everything seems fine.
Close the issue until there's a new discovery.

[ivan-nginx]

@Voleking all worked fine? Please, if u catch any bugs, first of all try to install clean Hexo and NexT versions.

[tshu-w]

@ivan-nginx I found this bug only occur when site title was too long and has space, like:

# Site
title: aaaaa aaaaa

[ivan-nginx]

Then it must be bug. Try to reproducte this error on separated test site and we will catch this bug. For now i don't see this bug at this year in many blogs and in my blog too. And on my blog i always use titles with spaces, but sidebar from header margin not can use any titles.

[tshu-w]

Yes, I reproducte this error on separated test site.
Here are two conditions for triggering a bug:

1. The site title contains spaces.
2. The site title contains more than 11 letters.

[ivan-nginx]

Can i see live demo?

[tshu-w]

Here is the live demo and code

[ivan-nginx]

@Voleking so, Safari Version 10.1.2 (12603.3.8) have this bug, right?

---

Catch it.

[tshu-w]

@ivan-nginx Yeah, Safari Version 10.1.2 (12603.3.8) have this bug.

[ivan-nginx]

@Voleking this bug avoid with two variants:

• Disable custom fonts in NexT config (will changed to default in next release version).
  yml font: enable: false
• Set «Web Safe» fonts for global (and if u want to change logo font, on logo too):
  yml global: external: false family: Times New Roman
  I don't know why Safari brake margins within custom font settings and it's very weird. All other browsers work with custom fonts fine.

---

If issue solved, close it please.

[stevenjoezhang]

Fixed in https://github.com/next-theme/hexo-theme-next/commit/b9968b6be0a8b20be80adad185ee94d713672e52 and https://github.com/next-theme/hexo-theme-next/pull/31