在prestashop 1.7中,moble菜單從768個屏幕尺寸處於活動狀態。我需要將此大小更改爲991。如何改變這一點?無論如何,要知道tpl中的視口大小。如何更改手機菜單響應寬度?
0
A
回答
0
如果您正在使用bootstrap.css
@media (min-width: 768px) and (max-width: 991px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.navbar-header {
float: none;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
/*margin: 7.5px -15px;*/
margin: 7.5px 50px 7.5px -15px
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.navbar-text {
float: none;
margin: 15px 0;
}
/* since 3.1.0 */
.navbar-collapse.collapse.in {
display: block!important;
}
.collapsing {
overflow: hidden!important;
}
}
0
編輯您的/prestashop/themes/[theme]/assets/js/theme.js文件可以使用這片CSS的。
搜索768
或default.responsive.min_width
並用您的像素值替換數字值。
相關問題
- 1. CSS響應菜單寬度
- 2. 如何更改引導菜單寬度?
- 3. Joomla:如何更改菜單寬度
- 4. 更改菜單的寬度
- 5. 響應jquery更改寬度
- 6. 如何更改下拉菜單響應引導程序的寬度
- 7. Bootstrap響應式菜單寬度
- 8. Safari中的響應式菜單寬度
- 9. CSS菜單響應下拉寬度
- 10. 響應式手機菜單問題
- 11. 在菜單中更改寬度
- 12. 更改菜單項的寬度動態
- 13. 更改Bootstrap菜單摺疊的寬度?
- 14. 寬度彈出菜單 - 如何改變
- 15. 更改響應Twitter引導程序的手機/桌面轉換寬度截止
- 16. 如何使html菜單在手機上變得快速響應?
- 17. 如何更改寬度<th>而不會影響寬度
- 18. Mahapps漢堡菜單 - 無法更改菜單項目寬度
- 19. 更改兩個菜單的離子側菜單寬度
- 20. 如果我更改菜單欄寬度,如何避免更改樣式表?
- 21. 如何更改WPF功能區菜單AuxiliaryPaneContent寬度
- 22. 當寬度小於644時如何更改粘性菜單
- 23. 如何僅更改手機導航菜單背景
- 24. 如何更改Bootstrap的經典手機菜單?
- 25. 如何更改懸停時響應div的寬度?
- 26. 如何在表單寬度增加時更改ListView的寬度?
- 27. 無響應Bootstrap 3 - 刪除最大寬度中斷手機
- 28. 移動網站響應縮放有充分的手機寬度
- 29. 響應寬度
- 30. 使響應菜單的寬度與上面的圖片/標題寬度相同
你使用bootstrap css? – amyogiji
是引導CSS使用 –