Nội dung bài viết
Tạo menu trên mobile theme Flatsome
Trong một số trường hợp để khách hàng lướt web của bạn trên các thiết bị mobile có thể dễ dàng thực hiện liên hệ. Bạn sẽ tạo một menu nằm ở cuối màn hình cố định.
Để tạo menu trên mobile theme Flatsome ta có thể tận dụng các shortcode bằng cách như sau:
Bước 1: Tạo 1 Block như bên dưới. Block này bạn nhớ chỉnh chỉ cho phép hiển thị trong chế độ mobile
Bước 2. Thực hiện thêm CSS như sau để cho menu trở nên đẹp mắt hơn:
.sticky-mobile-menu { position: fixed; left: 0; bottom: 0; z-index: 999; -webkit-box-shadow: 0px -8px 29px -12px rgba(0,0,0,0.2); box-shadow: 0px -8px 29px -12px rgba(0,0,0,0.2); } .sticky-mobile-menu .icon-box-center .icon-box-img { margin: 0 auto 4px; } @media (max-width: 549px) { #footer { margin-bottom: 90px; } }
Bước 3: Thêm shortcode của block đã tạo trong bước 1 vào header hoặc footer của theme flatsome như hình sau
Kết quả trên mobile như sau: