Cách giới hạn tiêu đề trang web theo chiều rộng nội dung trong Genesis

Một người dùng đã hỏi:

Tôi có một nghi ngờ. Tôi không phải là lập trình viên nhưng tôi đang cố gắng làm việc với các chủ đề con của Genesis. Tôi đang cố gắng tìm cách giữ cho tiêu đề hoặc biểu trưng của trang web phù hợp với khu vực nội dung như trong blog của riêng bạn. Trong mẫu genesis, tiêu đề trang luôn đứng ở ngoài cùng bên trái của trang. Bạn đã viết bất cứ điều gì về> Làm thế nào tôi có thể làm điều đó?

.wrap các phần tử trong Genesis Sample 2.6.0 không có chiều rộng cố định không giống như các phiên bản trước.

Do đó, để làm cho .wrap (phần tử thực tế có các phần tử như tiêu đề / logo và menu điều hướng) chiếm cùng chiều rộng với chiều rộng của nội dung chính, chúng tôi có thể đặt chiều rộng cố định và đặt giá trị lề trái và phải thành tự động vì vậy nó được căn giữa.

Đây là cách thực hiện:

Chỉnh sửa Genesis Sample’s .style.css

Trong truy vấn phương tiện chiều rộng tối thiểu 960px, hãy xác định vị trí (xung quanh dòng 1440)

/* Site Header
--------------------------------------------- */

.site-header {
    position: fixed;
    width: 100%;
    z-index: 9999;
}

và thay đổi nó thành:

/* Site Header
--------------------------------------------- */

.site-header {
    position: fixed;
    width: 100%;
    z-index: 9999;
}

.site-header .wrap {
    max-width: 1140px;
    margin: 0 auto;
}