php - 如果 css 中的某个位置无法移动元素怎么办?

标签 php css wordpress

我正在尝试使子菜单框占满屏幕宽度,但菜单大小仅从右侧开始增加,而左侧保持不变。

我尝试添加 margin-right:50px !important; 没有任何反应,但如果我在左侧做同样的事情,盒子就会移动。

我不能在这里粘贴完整的代码,所以这里是链接 http://newlayouthomepage1.bluebirdpackaging.com/product/custom-cake-printed-boxes/ 单击按行业分类的框以查看菜单

可以移动左侧的子菜单框

最佳答案

你有这个内部CSS

.nav-menus #mega_main_menu > .menu_holder .menu_inner > ul > li.submenu_full_width > ul.mega_dropdown {
  width: 1450px;
}

将此更改为

.nav-menus #mega_main_menu > .menu_holder .menu_inner > ul > li.submenu_full_width > ul.mega_dropdown {
  width: 100vw;
  margin-left: calc(590px - 50vw);
}

关于php - 如果 css 中的某个位置无法移动元素怎么办?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54534046/

相关文章:

PHP get_headers 不适用于本地 Apache URL

html - 我的 Bootstrap 汉堡菜单不显示链接

html - 如何将固定导航扩展到容器 div 之外,但文本与容器对齐

wordpress - 使用 meta_query 进行复杂的 custom_field 搜索

php - 通过Posterous api 发布到Posterous.com

php - wordwrap()... 只打破特定长度的单词

html - 如何覆盖css样式

php - 在 Wordpress 网站上将 https 重定向到 http

php - 如何确保 icalendar (.ics) 订阅的安全?

javascript - 如何摆脱不必要的滚动条