Trong bài viết này, tôi đang sử dụng một trong những plugin cực hay của mình “Genesis Widget Areas Generator”. Xem tất cả các bước bên dưới:
Tạo Khu vực tiện ích con ở giữa Header
Thêm nội dung trong khu vực tiện ích con ở giữa tiêu đề
- Điều hướng đến Giao diện -> Tiện ích
- Bạn sẽ nhận được khu vực tiện ích con mới "Header Middle"
- Kéo và thả tiện ích cần thiết trong khu vực này
- Bây giờ hãy làm mới trang web của bạn
Thêm một số CSS trong tệp style.css
Tôi đang thêm CSS sau vào tệp style.css. Bạn sẽ điều chỉnh CSS theo thiết kế trang web của mình./* ## Site Header Widget Areas ------------------------------------------------- */ .site-header .widget-area { float: right; margin-top: 0px; text-align: right; width: 38%; } .site-header .header-middle { float: left; margin-left: 15px; width: 38%; } @media only screen and (max-width: 800px) { .site-header .header-middle, .site-header .widget-area { float: none; margin: 15px auto 0; width: 100% } }