如何将此徽标以Shopify主题为中心？

Question

目前正在该网站上工作（https://www.wilsonluxe.com/）-我想将徽标放在中间，左侧导航，如果可能的话，可能在右侧搜索栏？

我希望导航类似于以下内容：https://dealsweel.com/

任何帮助将不胜感激

我尝试使用Shopify主题液体，但其组织方式与普通CSS略有不同！

Answer 1

您可以使用base_smile['xbar'] *= np.where(base_smile['strike'] > spot, 1, -1) 试试这个：

display: flex;

这是结果：

Answer 2

尝试

@media (min-width:992px){ 
    .site-header .grid--full {
        border-bottom: 0;
        width: 66.66%;
        display: flex;
        justify-content: space-between;
    }
    .site-header .grid--full > .grid__item.post-large--one-third {
        order: 2;
        width: 35%;
    }
    .site-header .grid--full > .grid__item.post-large--two-third {
        width: 65%;
    }
    .header-bar .post-large--display-table {
        position: relative;
    }
    .header-bar .post-large--display-table .header-bar__search {
        position: absolute;
        right: 0;
        top: 110px;
        z-index: 1;
    }
    .header-bar .post-large--display-table .header-bar__search .header-bar__search-input {
        border: 1px solid #ddd;
    }
}