在博客 emporio 主题上将折叠的标题标题居中

Question

我正在尝试调整我的博客模板（emporio瓷器主题）以使折叠的标题与我的博客徽标和文本居中。我已经设法获得了徽标和它下面的文字，但我无法修复它以使其居中

.centered-top-container.sticky .widget.Header h1 {display: none;}
.centered-top-container.sticky .header-inner {text-align: center;}
.centered-top-container.sticky .Header .header-image-wrapper {display: block!important;}
.centered-top-container.sticky .Header img{max-height: 50px;  width: auto;}

我正在尝试使用 text-align: center on header-inner 但我无法做到。 谁能帮我弄清楚我做错了什么？

[博客链接][2] [2]：https://www.cheiroaestrume.com/

Answer 1

您应该更改您的flex 代码。

.sticky .centered-top .blog-name{
  ...
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  ...
}
.sticky .centered-top .search{
  ...
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  ...
}