Avada主题3.8.7版本，设置图片导航菜单的方法

废话不多说，直接上步骤


第一步：将以下代码放到appearance - theme options - custom css里面，保存

.fusion-megamenu-icon img{width:100%!important;max-height:100%!important;}
------“100%”可根据需要调整

.fusion-megamenu-wrapper .fusion-megamenu-submenu {padding:10px 0!important;}
--------“10px”可根据需要调整

第二步：到appearance – menu - products里面去设置，设置方法如下图：

Products下面的设置方法，如下图

[attach]11054[/attach]


第三步：二级菜单下面的设置方法，如下图


[attach]11055[/attach]

选择了这里，当鼠标放在二级菜单上的时候，背景色会变，但是同时下面会出现双线，要想去掉双线，请参照第四步

第四步：到appearance - theme options – menu – menu option – mega menu mas-width和mega menu item divider去修改，如下图：


[attach]11056[/attach]

最终的效果见下图，不方便把产品图展示出来，请大家见谅


[attach]11057[/attach]

备注：我使用的图片尺寸是72x72px，PNG 格式，代码调整如下

.fusion-megamenu-icon img{width:35%!important;max-height:35%!important;}

.fusion-megamenu-wrapper .fusion-megamenu-submenu {padding:0 0!important;}

感谢Hunk在建站群里分享以上代码。

如有不对，欢迎批评指正；如果有用，帮忙点赞。