将折叠的标题置于blogger 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;}

我正尝试在header-inner上使用text-align: center，但我无法做到。有没有人能帮我找出我做错了什么？

博客链接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;
  ...
}