Hỏi đáp: Lỗi menu sản phẩm không hiển thị

Trả lời câu hỏi của bạn Nam về cách khắc phục lỗi menu danh mục sản phẩm không hiển thị trông giống như không đổ xuống hết?

Câu hỏi:
Trả lời:
Các câu hỏi tương tự có cùng cách xử lý như trên:

Bài viết trong series Hỏi đáp

Ảnh độc giả gửi. Lỗi menu sản phẩm không hiển thị

Câu hỏi:

Bạn vừa gửi câu hỏi thành công tới Hoàng Luyến với nội dung như sau:
Họ và tên: Nam
Email: thanh***@gmail.com
Nội dung câu hỏi: Các bạn cho mình hỏi, cái danh mục sản phẩm này của mình tại trang chủ khi ấn vào đều bị k hiển thị xổ xuống hết, chỉ mình cách khắc phục với mình cảm ơn nhiều.
Tài liệu đi kèm: loi-menu-danh-muc-san-pham-khong-hien-thi.jpg

Trả lời:

Chào bạn,
Cảm ơn bạn đã gửi câu hỏi tới chuyên mục “Hỏi đáp WordPress”, câu hỏi của bạn mình xin trả lời như sau:
Lỗi này trông như không đổ xuống hết nhưng đó chỉ là một lỗi phổ biến do trong CSS có một thuộc tính là z-index. Nếu z-index càng cao thì thẻ HTML đó sẽ nằm trên cùng vì vậy mục sản phẩm nổi bật có nền trắng nó đang che mất menu khi bạn click hay di chuột tới. Để khắc phục lỗi menu danh mục sản phẩm không hiển thị hết, bạn hãy cài đặt trình duyệt Google Chrome hoặc Firefox. Với Google Chrome bạn chuột phải vào menu màu đỏ đang nằm dưới “Sản phẩm nổi bật” chọn Kiểm tra phần tử -> Một cửa sổ Debug hiện ra mặc định là TAB Elements bạn sẽ thấy 2 cột ở dưới cột trái là HTML, cột phải là CSS -> Chọn một thẻ lớn nhất là thẻ chứa các menu -> Nhìn sang cột phải phía trên cùng có một đoạn lệnh CSS
element.style {}
Bạn hãy click vào đó và nhập như sau:
element.style {z-index:9999999;}
Bạn cứ nhập z-index tăng thêm các số 9 nếu không thấy nó lên trên thì nó còn phụ thuộc vào thẻ chứa menu đó có thuộc tính là
overflow: hidden;
Thuộc tính này sẽ ngăn không cho các thẻ con hiển thị vượt ra ngoài thẻ đó. Đây cũng là một nguyên nhân nữa, và có thể còn nhiều nguyên nhân khác. Bạn hãy thử cách tôi hướng dẫn cho bạn, nếu không được hãy gửi tài khoản teamview vào email admin@hoangluyen.com tôi sẽ giúp bạn xử lý lỗi này.
Thân ái!