[Flatsome theme] Sticky Mobile Footer Menu

[ux_stack distribute="around"][featured_box img="https://isharevn.net/wp-content/uploads/2021/05/shopping-bag-line.png" img_width="32" pos="center" title_small="Shop" margin="0 0px 0px 0px" link="#"][gap height="0px"][/featured_box][featured_box img="https://isharevn.net/wp-content/uploads/2021/05/percent-line.png" img_width="32" pos="center" title_small="Deals" margin="0 0px 0px 0px" link="#"][gap height="0px"][/featured_box][featured_box img="https://isharevn.net/wp-content/uploads/2021/05/account-circle-line.png" img_width="32" pos="center" title_small="Account" margin="0 0px 0px 0px" link="#"][gap height="0px"][/featured_box][featured_box img="https://isharevn.net/wp-content/uploads/2021/05/list-unordered.png" img_width="32" pos="center" title_small="Cart" margin="0 0px 0px 0px" link="#"][gap height="0px"][/featured_box][/ux_stack][/col][/row]

Sau đó, các bạn vào footer chọn UX Block nhé. Có thể các bạn chọn hiển thị onlymobile cho block.

2. Thêm CSS

Các bạn truy cập Flatsome => Advanced => CSS

.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;
    }
}