Custom menu mobile flatsome

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 🙂

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ó.