我有一個 WordPress 電子商務網站
這就是我想要的方式（頁面中心）
uj5u.com熱心網友回復：
由于這是 WordPress，并且您無法更改 HTML 布局，因此我完成了以下 CSS 修復。我添加display: flex到標題內 3 個塊的包裝器中。然后我為元素添加了 order 屬性以按照我的喜好對它們進行排序，然后我還添加了寬度并用填充替換了邊距，這樣它就不會強制任何元素進入下一行。
/* Header Wrapper */
.site-header .col-full {
display: flex;
}
/* Site Logo */
.site-header .site-branding {
order: 1;
width: 25%!important;
margin-right: 0!important;
padding-right: 10px;
}
/* Searchfield */
.site-header .site-search {
order: 2;
width: 50%!important;
padding-right: 20px;
}
/* Navigation */
.site-header .secondary-navigation {
order: 3;
width: 25%!important;
margin: 0!important;
}
結果
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/520018.html
標籤：htmlcssWordPresswoocommerce店面