Thêm “Kiểu hiển thị Menu di động” mượt mà cho Theme Flatsome

Nhập mã webantamgiam30% được giảm 30% khi đăng ký hosting hay vps tại inet.vn

Mục lục

Theme Flatsome mặc định chỉ có một số kiểu hiển thị menu mobile (slide từ trái/phải/ở giữa) nhưng mình thấy chưa mượt mà lắm, với có khách cần làm nên mình làm chia sẻ cho mọi người luôn. Bài viết này hướng dẫn bạn thêm 2 kiểu animation mới: hiện từ dưới lên và hiện từ trên xuống – tích hợp trực tiếp vào Customizer của WordPress cho Theme Flatsome

Thêm kiểu hiển thị menu di động cho theme Flatsome
Thêm kiểu hiển thị menu di động cho theme Flatsome

Video thêm kiểu hiển thị menu di động cho theme Flatsome

Hướng dẫn thực hiện

  • Bước 1: Mở file functions.php của Child Theme
Truy cập Appearance > Theme File Editor hoặc qua FTP, mở file functions.php trong thư mục child theme của bạn.
  • Bước 2: Thêm tất cả code sau vào file funtion.php của bạn

Thêm nút Edit nhanh cho Admin trên Mobile WordPress
Thêm code vào file funtion.php của child theme

Lưu và kiểm tra

  • 1. Lưu file functions.php
  • 2. Xóa cache (nếu có plugin cache)
  • 3. Vào Customize > Header > Header Mobile Menu / Overlay
  • 4. Chọn kiểu hiển thị mong muốn như hình dưới đây
Chọn kiểu hiển thị Mobile cho theme Flatsome
Chọn kiểu hiển thị Mobile cho theme Flatsome

Lời nhắc nhở

Trong quá trình làm bạn nhận thấy lỗi gì hoặc khó khăn gì có thể nhắn cho mình nhé, mình xin cảm ơn

Nhập mã webantamgiam30% được giảm 30% khi đăng ký hosting hay vps tại inet.vn

Nhà cung cấp host uy tín Việt Nam
Nhà cung cấp host uy tín Việt Nam

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *