下拉菜单在底部被切断(wordpress/elementor 网站)

Dropdown menu getting cut off at the bottom (wordpress/elementor website)

提问人:JDz 提问时间:11/12/2023 更新时间:11/12/2023 访问量:29

问:

我正在用 wordpress 和 elementor 构建一个网站。 我的主菜单在移动设备上变成了下拉菜单。菜单的最后一个链接的样式为红色按钮(注销)。但是由于某种原因,它在菜单结束的底部切断了一点。请注意边框半径如何不正确地显示。

我尝试为该按钮添加一些底部边距和填充,但没有用。

显示问题的屏幕截图

请注意,如果我修改菜单并将“联系人”链接放在“注销”下方,则该按钮显示良好。因此,问题仅发生在菜单中的最后一项上。

修改后的菜单底部带有“联系人”广告

这是我用来设置“帐户”和“注销”按钮样式的 CSS。

selector .mobile-link {
  display: none;
}

@media only screen and (max-width: 768px) {
  selector .mobile-link {
    display: block;
    width:70%;
    margin:auto;
  }
}

.account-link a {
  color: white !important;
  background-color: #47B47C !important;
  border-radius: 20px;
}

.signout-link a {
  color: white !important;
  background-color: #ed5e5e !important;
    border-radius: 20px;
}

请帮我解决这个问题。多谢!

HTML CSS WordPress 元素

评论

1赞 Paulie_D 11/12/2023
欢迎来到 Stack Overflow!寻求代码帮助的问题必须包含在问题本身中重现它所需的最短代码,最好是在堆栈代码段中。了解如何创建最小的可重现示例
0赞 Community 11/12/2023
请提供足够的代码,以便其他人可以更好地理解或重现问题。

答: 暂无答案