如何在移动菜单底部添加按钮。
我目前实施的方式,
我使用菜单上的最后一项作为我的按钮(在使用CSS设置样式后)
How do I set the Button to exactly sit in the Bottom with zero pixel gap after the Button?(for all mobile devices & all mobile browsers)
更多详细信息:
按钮只是通过WP Admin的Wordpress菜单设置部分添加的新自定义菜单项。并已申请。应用dl按钮类。
CSS代码:
@media only screen and (max-width: 500px) and (min-width: 300px)
{
#header{
height: 56px;
}
#mainnav-mobi{
height: 100vh;
}
li.app-dl-button{
display: unset !important;
position: absolute !important; /*adding important as conflicts with CSS in main.css*/
bottom: 131px; /*56px is height of Header menu and 50px additional required for addressbar*/
/*bottom: 106px;*/ /*56px is height of Header menu and 50px additional required for addressbar*/
/*bottom: 81px;*/ /*56px is height of Header menu and 25px additional required for addressbar*/
text-align: center !important; /*conflicts with CSS in main.css*/
width: 100vw;
background-color: #236df1;
}
li.app-dl-button:after{
content: url(https://pathto/download-arrow.svg);
position: absolute;
z-index: 100000;
left: 28vw;
top: 15px;
}
}