Как исправить меню слева при перетаскивании платы под сайт - PullRequest
0 голосов
/ 02 ноября 2019

У меня есть сайт, специализирующийся на продаже камер, теперь я хочу перетащить меню вниз, когда левое меню всегда фиксировано. Пожалуйста, помогите мне! Ссылка: https://vienthongct.com/lap-dat-camera-quan-sat-tai-quy-nhon-gia-tot.html

<div class="menu-menu-left-kinh-nghiem-hay-tivi-container">
                    <ul id="menu_custom_option" class="menu_custom_option">
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children active"><a href="#" class="menu-image-title-after"><span class="menu-image-title">Kinh nghiệm hay</span></a>
<ul class="sub-menu" style="display: block;">
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="tu-van-mua-tivi.html" class="menu-image-title-after"><span class="menu-image-title">Tư vấn mua tivi</span></a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="tu-van-mua-tu-lanh.html" class="menu-image-title-after"><span class="menu-image-title">Tư vấn mua tủ lạnh</span></a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="tu-van-mua-do-gia-dung.html" class="menu-image-title-after"><span class="menu-image-title">Tư vấn mua đồ gia dụng</span></a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="tu-van-mua-dieu-hoa.html" class="menu-image-title-after"><span class="menu-image-title">Tư vấn mua điều hòa</span></a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="tu-van-mua-may-giat.html" class="menu-image-title-after"><span class="menu-image-title">Tư vấn mua máy giặt</span></a></li>

</ul>
</li>
                    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-image-title-after"><span class="menu-image-title">Camera Quy Nhơn</span></a>
<ul class="sub-menu" style="display: none;">

</ul>
</li>
</ul></div>
<style>
ul.menu_custom_option{width: 100%;float: left;margin: 0px;padding: 0px;list-style: none;}
.menu_custom_option li:first-child ul.sub-menu{display:block;}
.menu_custom_option li:first-child ul.sub-menu li a{color:#777;}
ul.menu_custom_option li{width: 100%;float: left;margin: 0px;padding: 0px;list-style: none;}
ul.menu_custom_option li:hover{cursor:pointer;}
ul.menu_custom_option > li{border-bottom: 1px solid #f1f1f1;}
ul.menu_custom_option li a{font-size: 12px;font-weight: 400;float: left;width: 100%;text-decoration:none;color: #000;padding: 5px;}
ul.menu_custom_option li ul.sub-menu{width: 100%;float: left;margin: 0px;padding: 0px;display: none;}
.arrow_icon{background: url("../images/icon_dropdown.png") top 15px right 10px no-repeat;}
ul.menu_custom_option li.menu-item-has-children{background: url("../images/icon_dropdown.png") top 15px right 10px no-repeat;}
.menu_custom_option li.current-menu-parent ul.sub-menu{display: block !important;}
ul.sub-menu li{background: url("../images/icon_dot.png") left top 10px no-repeat;padding-left: 5px;}
li.active ul.sub-menu li a{color: #777;}
li.current-menu-parent ul.sub-menu li a{color: #4A90E2;}
li.current-menu-parent ul.sub-menu li.current-menu-item{background: #037AFF url("../images/icon_dot_active.png") left top 10px no-repeat;}
li.current-menu-parent ul.sub-menu li.current-menu-item a{color: #fff !important;}

</style>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...