Menu dọc xổ ngang cho wordpress đẹp và nhẹ

Menu dọc xổ ngang cho wordpress đẹp và nhẹ. Menu vetical pluing wordpress – menu mega đẹp cho flatsome…

http://toza.thienbinh.net/

@media (min-width: 850px){
    .widget_nav_menu .menu {
        padding: 0;
    }
    .widget_nav_menu .menu > li{
        padding: 0 10px;
        position: relative;
    }
    .widget_nav_menu .menu > li ul{
        display: block;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 0;
        right: 120%;
        border: 0;
        background: #fff;
        padding: 0;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
    }

    .widget_nav_menu .menu > li .toggle{
        float: right;
    }

    .widget_nav_menu .menu > li:hover > ul{
        margin-right: 1px;
    }
    .widget_nav_menu .menu > li:hover > ul,
    .widget_nav_menu .menu li:hover > ul{
        opacity: 1;
        visibility: visible;
        right: 100%;
    }
    .widget_nav_menu .menu > li ul li{
        border-top: 1px solid #ececec;
        padding: 0 10px;
        line-height: 28px;
    }
    .widget_nav_menu .menu > li ul li:first-child{
        border-top: 0;
    }
    .widget_nav_menu .menu > li ul li a{
        padding: 5px 0;
    }
}

 

cái lúc sáng right: 120%, right: 100%
giờ đổi lại left: 120%, left: 100%
đổi 2 chổ đó là dùng dc thôi
http://xaydungantien.com/danh-muc/den-led/

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

btn-dangkyhocthu