Theo mặc định của flatsome, có 1 menu magnificpopup khá là nhàm chán, vào trang web mở cái menu là biết luôn flatsome 🙂
vì vậy mình viết thêm cái này với mục đích là che dấu cái điều mà ai cũng biết đó.
Demo:
- Mở web view này trên chiếc điện thoại thông minh của bạn nhé.
Setup
Tuỳ chỉnh -> header -> Header Mobile Menu / Overlay -> Chọn sang màn hình table hoặc mobile
nói chung là như bình thường.
- Có 1 element header mới là “adminz nav icon” , mình kéo nó thay vào slot của “nav Icon”
- Chọn style css cho nó.
- Absolute: đè lên content page
- relative: khi mở menu ra thì content bên dưới bị đẩy xuống.
- done.
Tương thích với cái cũ
Nếu bạn vẫn để “Nav icon” của flatsome ở vị trí đó, nó sẽ thành thế này
Lý do là vì flatsome hay đa phần các theme khác trên wp đều tạo ra html cho mỗi menu. ví dụ pc + mobile là 2 đoạn html cho mỗi loại. Nên mình đã remove nó.
Đây là link tải plugin:
Nếu gặp lỗi, hãy comment bên dưới để mọi người cùng biết.
Nhân tiện, bác nào css dc animation left-> right cho nó thì gửi code cho em luôn nhé. em cảm ơn.
Cùng chuyên mục
Hướng dẫn custom button icon Flatsome
Tại vì thằng designer công ty nó lấy icon ở đâu đâu... Flatsome mặc định [...]
Th11
[no code] Hướng dẫn thêm box thông tin sản phẩm vào danh sách sản phẩm woocommerce – flatsome – ACF
MÌnh thấy một số anh em đăng bài cần làm chức năng show ra các [...]
Th11
Element flatsome cho gallery
Giới thiệu với 500 ae code dạo bằng flatsome một element mới cho flatsome. Element [...]
Th10
Tải theme Flatsome – Update tự động
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem [...]
Th9
Hướng dẫn setup cây phả hệ – WordPress Flatsome
Mục tiêu là làm cái view cho sơ đồ phả hệ dòng họ, phân biệt [...]
Th7
Hướng dẫn build layout cho Custom Post type sử dụng flatsome
Không giống như product (woocommerce) đã được flatsome tích hợp sẵn vào builder, các custom [...]
2 Bình luận
Th11
Ngoài chức năng trên, administrator z còn ti tỉ các thứ hay ho khác.
Và tất cả đều free mãi mãi.