Tạo Transparent Header cho website

Transparent Header giúp website của bạn trông chuyên nghiệp hơn với full hero section, trông như hiệu ứng tràn viền của các smartphone ngày nay.

Astra đã rất hào phóng khi hỗ trợ tạo Header trong suốt ở bản miễn phí (trước đây là bản Pro mới được hỗ trợ).

Astra transparent header

Tạo Header trong suốt với Astra như thế nào?

Vào Customizing > Layout > Header > Transparent Header

Tiếp theo làm theo hướng dẫn như hình

Bạn có thể tùy chọn không kích hoạt Transparent Header cho một số trang bạn không mong muốn bằng cách stick chọn disable….Bạn nên dùng một Logo với màu sắc khác để có độ tương phản sau khi thiết lập trong suốt. Ví dụ: Astra website chọn màu Logo trắng khác với màu Logo chính thức.

Chỉnh màu sắc cho Transparent Header

Ngoài Logo sau khi đã chỉnh màu ở bước trên, bạn cần vào mục Colors & Background > Header > Transparent Header để tùy chỉnh màu tương phản theo ý muốn của bạn.

Bạn có thể tham khảo clip bên dưới để thấy toàn bộ quá trình thực hiện