更新日期: 2017-10-12

问题

启用了Mega Menu之后，Mega Menu的宽度如何调整？

解决方法

基于这个问题，可能会有几个细分的问题：

  • 如何将Mega Menu设置为和网站宽度一样？
  • Mega Menu中几个子菜单文字长短不一，可能几列的宽度需要设置不同，如何实现？

关于问题1:

有2个地方需要配合设置：

  1. Theme Options -> Menu -> Mega Menu 中 Mega Menu Max-Width，用于设置最大宽度，默认1100px，和在Layout中设置的Site Width一致，也可以根据自己菜单的实际需求，改成 < Site Width 的数值；
  2. 编辑相应的Menu，点开Avada Options，把 Fusion Mega Menu & Full Width Mega Menu 两项都设置为 On ，然后保存即可。

关于问题2：

需要先把上面设置的那个 Full Width Mega Menu设置成Off，然后在下一级的菜单的Avada Options中找到  Mega Menu Column Width，填写一个百分比数值，你唯一要确保的是你这几个次级菜单填的百分比加起来 =100%。

比如案例中，Products下面有5个分类，Screw Extruders, Compounding Reaction & Devolatilization, Foam Extrusion, Flat Die Extrusion, Plastic Recycling，我们来把这5栏的宽度分别设置为 25%、30%、15%、15%、15%，这样看效果会比较直观些。

详见下面动图(动图大约7MB，加载可能会较慢)：

适用版本

Avada 5.0 +