Mặc định thì ở một số theme trong genesis cho phép bạn chèn các thuộc tính left và right vào trong từng menu con, tuy nhiên nếu bạn sử dụng ít menu thì trông nó khá là xấu kiểu căn lề sang bên trái nhìn cảm giác không được đẹp mắt như ví dụ bên dưới.
Tuy nhiên chúng ta có căn giữa các menu con này một cách đơn giản bằng cách chèn các thuộc tính css vào file style.css. Và dưới đây là hướng dẫn.
Hướng dẫn này được sử dụng trên theme genesis sample nên nó sẽ hoạt động trên bất kỳ theme nào của studiopress.
1. Thêm các thuộc tính căn giữa
Bằng cách sao chép toàn bộ code bên dưới vào style.css mặc định trong thư mục contents/themes/sample/style.css hãy thay đổi cho phù hợp với theme của bạn.
Center Primary Menu
Center Secondary Menu
Để phân biệt đâu là menu “Primary” và đâu là “Secondary Menu” bạn chỉ cần xem mẫu ảnh bên dưới.
Hướng dẫn căn giữa menu trong genesis
3. Kết quả
Lời kết
Trên đây là cách cực kỳ đơn giản để bạn căn giữa menu trên theme genesis framework, ngoài ra bạn có thể chỉnh sửa ở bất kỳ theme nào tương tự. Hy vọng bài viết này sẽ hữu ích cho bạn.
Chúc thành công!
Trả lời