Hướng dẫn sửa định dạng menu cấp 3 flatsome css đơn giản

Bạn đang sử dụng web với theme flatsome,khi tạo menu cấp 3 flastome bạn sẽ thấy menu cấp 3 trong flatsome sẽ hiện thị ở dạng ngang. Hôm nay Sơn Web chia sẻ css để cho nó về dạng dọc bình thường nhé

Sửa định dang khi thêm Menu cấp 3 Flatsome css

Bạn chỉ cần thêm đoạn code css vào phần Flatsome > Advanced > Custom CSS > ALL SCREENS 

@media (min-width: 850px){
    header#header .nav-dropdown {
        display: block;
    }
    header#header .nav-dropdown ul.sub-menu {
        position: absolute;
        left: 100%;
        top: 0;
        background: #fff;
        width: 250px;
        padding: 0;
        display: none !important;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
        box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    }
    header#header .nav-dropdown ul.sub-menu a {
        white-space: normal;
        margin: 0;
        padding: 10px 15px;
        border: 0;
        font-weight: 400;
    }
    header#header .nav-dropdown li:hover > ul.sub-menu{
        display: block !important;
    }
    header#header .nav-dropdown li {
        border-right: 0;
        white-space: normal;
        width: 100%;
        display: block;
        position: relative;
    }
    header#header .nav-dropdown li.menu-item-has-children > a {
        font-weight: 400;
        text-transform: none;
        color: rgba(102,102,102,.85);
    }
    header#header .nav-dropdown li.active>a {
        color: #e82c2a;
    }
}