魏艾斯笔记Avada主题Mega Menu宽度调整是个细节问题，当我们网站产品有很多分类的时候，就要启用 mega menu来丰富分类效果，让二级导航菜单能否放下更多内容。老魏在本文分享调整Avada主题Mega Menu宽度的方法。
Avada主题 是themeforest中销量第一的wordpress主题，感兴趣可以点我去看看，那里面有上万个国外主题销售。目前在 themeforest上面这款主题是一次付款终身使用，和别的主题每年付费相比还是蛮划算的。更多关于Avada主题的内容请看Avada专题
学习选择 1核2g配置的服务器，建站选择 2核4g配置会更流畅。
国内服务器：阿里云、腾讯云（都有代金券，付款时抵用省钱） 不知道如何选择地域、配置请在页面右侧+老魏的联系方式，我们一起研究。
外贸、B2C/C2C等网站建议在国外注册域名。打开namesilo官网，在搜索框里输入并选择好后注册，记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。
外贸网站建议选择Hostinger虚拟主机，价格便宜，性价比极高！Hostinger专题
SiteGround虚拟主机价格适中服务好！SiteGround专题
调整Avada主题Mega Menu宽度
1、添加几个page页面，比如 products，porduct1~product5，这样方面看效果。
2、Avada Options -> Menu -> Mega Menu 中的 Mega Menu wrapper Max Width，设置最大宽度，默认和Layout中的Site Width一致，也可以改成 100% width 试试，或者根据自己的实际情况调整；
3、Appearance > menus 右侧找到 products 这个 Menu，点击右侧下三角，点击Avada Menu Options，开启 Fusion Mega Menu，而下面的 Mega Menu wrapper width 是用来设置宽度的，如果是 max width就是和Layout中的Site Width一致，fit content就和页面内容宽度一致。
如下图所示老魏是把这两个选项截到一起了，max width 和 fit content多试试就知道哪个适合你用了。
新手要注意的是这两项都是在 products这个一级（顶级）菜单中设置的，不要跑去设置二级菜单products1~product5。
Mega Menu子菜单宽度不同如何设置
就是说二级菜单分类的text文字不会都是一样的，有3个字有8个字的，这时候要考虑给字数多的留出更大宽度来，同时减小字数小的菜单宽度。
这时候直接去二级子菜单中挨个设置宽度百分比，只要保证这几个子菜单的宽度加起来 100%就行了。
具体操作是在 Appearance > menus 右侧找到 products1~products5 这5个 Menu，点击右侧下三角，点击Avada Menu Options，找到 Mega Menu Column Width，我这里依次设置为 20%，35%，15%，15%，15%，这样总和是 100%，如下图看效果。
经过这么一番设置就解决了Avada主题Mega Menu宽度调整的问题，这样我们可以根据需要来自定义设计 mega menu宽度了，为我们的网站需要提供服务。