Demo: http://bvn.vn Nhờ các bác hướng dẫn em cách làm sao để ẩn topx và menu bên trái trên trình duyệt điện thoại với, tks các bác nhiều. Ẩn 2 mục em đánh dấu x như dưới hình.
Sử dụng chức năng responsive, chọn max-width, cho đoạn code này vào : .vtlai-topx { display: none;} để tắt topx .cssmenu { display: none;} tắt menu bên trái fix thêm css responsive cho pagecontent nằm giữa nữa là ok
Em ko rành về cái này lắm bác chỉ em chi tiết xíu được không? Chỉ em cụ thể hơn được ko bác? Không rành khoản này lắm
vậy là quá cụ thể rồi mà ta , bạn tìm trong styles có cái nào mà có như là @media ... thì bạn thêm vào thường là code như thế này <xen:if is="@enableResponsive"> @media (max-widthmaxResponsiveWideWidth) { css cho điện thoại tại đây } cũng có thể viết @media (max-width:800px){ css ở đây }
Mình chỉ muốn ẩn topx, quảng cáo, menu bên trái thôi, còn cơ bản thì ok rồi, bác nào temview giúp mình với mình hậu tạ.
Chèn thằng này vào EXTRA.css <xen:if is="@enableResponsive"> @media (max-width:800px) { .vtlai-topx { display: none;} .cssmenu { display: none;} } Để tắt khi màn hình rộng tối đa 800px, có thể thay 800px bằng bao nhiêu tùy bạn.
Bác chèn vào extra.css hoặc vào thẳng file css của mỗi addon bác cài mình có ngó qua cái trang của bác, thì cái vtlai topX của bác có ID là #vtlai-topx, cái bên sidebar là #cssmenu chứ không phải là class như mấy bác trên nói) Mã: @media screen and (max-width:800px) { #vtlai-topx { display: none !important;} #cssmenu { display: none !important;} } Code trên có nghĩa là với màn hình điện thoại nhỏ hơn 800px thì sẽ được sử dụng code nằm trong đó. Bác có thể sửa 800px thành số bạn muốn tùy theo màn hình hiển thị.