WordPress菜单效果如何调整

Question

最近在折腾WordPress的主题，装了一个《Kratos》，上方的菜单栏效果想调整一下，后台没得直接修改，又不会折腾代码，还是上来请教一下吧，主题效果如下图：

现在有两个问题：

如何把电脑版上方的菜单调到左对齐呢，现在默认的是右对齐的。

二级菜单如何做到鼠标移过去就自动展开呢？

Answer 1

要将电脑版上方的菜单调整为左对齐，您可以通过添加自定义CSS来实现。请按照以下步骤操作： 登录WordPress后台，进入“外观”->“编辑器”，找到Kratos主题的style.css文件。 在文件底部添加以下代码：  

@media screen and (min-width: 992px) {  .navbar-nav {    float: left;  } }

这将使菜单在屏幕宽度大于992像素时左对齐。 要使二级菜单在鼠标移过去时自动展开，您可以使用jQuery来添加事件处理程序。请按照以下步骤操作： 在WordPress后台中，进入“外观”->“编辑器”，找到Kratos主题的header.php文件。 在文件底部添加以下代码： 

<script>  jQuery(document).ready(function($) {   
 $('.dropdown').hover(function() {     
  $(this).addClass('open');  
    }, function() {   
       $(this).removeClass('open'); 
      }); 
   });
</script>

这将在页面加载时添加一个事件处理程序，当鼠标悬停在下拉菜单上时，它将添加“open”类，从而展开下拉菜单。当鼠标移开时，它将删除“open”类，从而收起下拉菜单。 请注意，如果您不熟悉CSS和jQuery，最好在修改代码之前备份文件，并在修改后测试所有更改，以确保它们按预期工作。