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

Tao Menu Mobile Cho Flatsome
Tao Menu Mobile Cho Flatsome 2
Kết quả trên mobile như sau:

Tao Menu Mobile Flatsome
Tao Menu Mobile Flatsome
5/5 - (94 bình chọn)



Nhận thông báo qua email
Nhân thông báo cho
guest
0 Bình luận
Bình chọn nhiều nhất
Mới nhất Cũ nhất
Inline Feedbacks
View all comments
0
Bạn thích bài viết này, viết bình luận nhé.x