【问题标题】:Dropdown menu too narrow and not aligned下拉菜单太窄且未对齐
【发布时间】:2017-07-28 06:41:09
【问题描述】:

http://freedom-project-west-cumbria.org.uk/

我已经创建了上面的站点,并且在途中的某个地方弄乱了下拉菜单的宽度,因此它只显示为几个 px 宽!它也不会直接出现在它所代表的菜单下方。

我已经尝试使用 wordpress css 编辑器撤消此操作数小时但都失败了,但它似乎不允许我编辑下拉列表,因为它无法突出显示下拉列表,因为它没有与主菜单项对齐.

请有人告诉我我需要更改 css 的哪一部分以及在哪里可以找到它,或者我需要编辑哪些其他信息。

【问题讨论】:

  • .navigation-main ul ul a { width: 12px; ... }

标签: css wordpress drop-down-menu alignment


【解决方案1】:

是的,右键单击菜单并单击“检查”,假设您已打开开发工具。在样式选项卡上,您将看到 :hov ,您可以在其中将 li 项目的状态设置为悬停,然后显示下拉菜单。

如果您这样做,然后检查下拉列表,您会发现 CSS 属性 .navigation-main ul ul a {width:12px;} 导致了您的问题。

【讨论】:

    【解决方案2】:

    你必须在下面添加样式来修复它。

       ul.menu li a {width:100%;)
       ul ul {width:200px;}
    

    【讨论】:

    • 太好了,谢谢。这意味着菜单至少现在可以使用,但是......我如何让下拉菜单的开头与菜单标题的开头对齐,例如关于我们下的标题与 A 的开头对齐关于?等
    • .navigation-main ul ul 是绝对定位的,那么你可以通过left 属性对其进行操作。在这种情况下是关于70px.
    • 完美。谢谢。 90 似乎对它进行了排序。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-04-30
    • 1970-01-01
    • 2014-12-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多