Yootheme Pro的下拉单菜单设置6列布局

Yootheme Pro的下拉单菜单,默认可以设置最多5列的布局,如果我们的下拉菜单需要6列的布局,就需要进行修改

修改文件:

templates/yootheme/vendor/yootheme/theme/config/customizer.json

修改622行到634行代码

  "columns": {
      "label": "Columns",
      "description": "Split the dropdown into columns.",
      "type": "select",
      "level": 0,
      "default": 1,
      "options": {
          "1": 1,
          "2": 2,
          "3": 3,
          "4": 4,
          "5": 5
      },

修改成这样:

  "columns": {
      "label": "Columns",
      "description": "Split the dropdown into columns.",
      "type": "select",
      "level": 0,
      "default": 1,
      "options": {
          "1": 1,
          "2": 2,
          "3": 3,
          "4": 4,
          "5": 5,
          "6": 6
      },

保存文件。

然后到YOOtheme Pro的设置-自定义代码,CSS代码那里添加

.uk-navbar-dropdown-width-6:not(.uk-navbar-dropdown-stack) { 
  width: (@navbar-dropdown-width * 6); 
  }

现在,你就可以选择6栏的下拉菜单。

但这是属于修改核心文件,升级后会有被覆盖的风险,请做好备份。