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

Question

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

.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 但我做不到。谁能帮我弄清楚我做错了什么？

[博客link][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;
  ...
}

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

Center the collapsed Title header on blogger emporio theme

html

css

blogger