CoreNext主题顶部导航样式不一致修复

20240208145025866326

本站今天启用了新的主题,CoreNext。主要是冲着主题精简和性能强大去的。不过刚换上LOGO后,就发现了一个严重的问题。就是顶部菜单栏,文章内页和首页的样式有些微的差别。首页的高度要低一些。效果就是下面动图这样。在切换页面的时候很难受,有种撕裂感。。你们懂这种感觉么?

于是上主题QQ群求助,结果还被群友给教育了。。

f7cb00314b54f92276f9b38e8b8ef137

求人不如求己,在反复调试后,我居然给修好了。。我简直是个天才!修复方法如下,在主题后台自定义代码中,加入下面的css代码即可。或者写到CSS文件里。

.header-menu-warp{
padding-top: 12px;
min-height: 58px;
}
.menu-has-title-warp .vue-header-menu {
padding-top: 0;
min-height: 0;
}
.menu-has-title-warp{
min-height: 58px;
}

引起这个问题是因为文章页面顶部有个动态显示标题的功能,下拉页面,顶部菜单栏变成文章标题。这样一静一动,扭来扭去,一来一回,就把样式给影响了。这个修复方法在Chrome\Safari\Edge\Firefox下面均测试通过。希望作者在下个版本中修复这个问题。

修复后的效果:

THE END