在Divi Theme下拉菜单中添加关闭按钮

时间:2018-03-12 15:50:47

标签: html css wordpress css3

有谁知道在哪里添加X来关闭Divi菜单?我正在制作一个全屏菜单,没有关闭按钮。 我相信这是我编辑的HTML,但不确定它在哪里找到

<span class="mobile_menu_bar mobile_menu_bar_toggle"></span>

1 个答案:

答案 0 :(得分:0)

如果您打算关闭菜单,则需要使用JavaScript来处理此类事情。这是一个例子:

<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>

“a”选择器中的“×”是X符号的内容。 closeNav功能:

function closeNav() {
    document.getElementById("sideNav").style.width = "0";
    document.getElementById("main").style.marginLeft = "0";
}

id“main”是页面的主要内容,而“sideNav”ID可以是您的菜单栏ID。这是我用来关闭侧边栏导航菜单的一段代码,但我认为你可以使它适合你的用途。