显示单击时打开的菜单

时间:2016-03-11 20:37:54

标签: javascript css wordpress menu header

您好我目前正在处理位于here的网页。它是一个wordpress网站,它使用一个名为The7的主题,主题包括一种名为"点击导航的菜单"并且它工作正常,但是我一直在尝试将左侧菜单的初始状态设置为show-header而不是默认的封闭标头,并且无法这样做。

我注意到最初检查网站的html,body和id为#page的div的类改为:

<html class= "js no-touch cssanimations csstransforms csstransforms3d csstransitions cssfilters mobile-false not-iOS">
<body class="home page page-id-11 page-template-default logged-in small-hover-icons header-side-left sticky-header slide-header-animation header-side-line header-above-side-line srcset-enabled btn-flat custom-btn-color custom-btn-hover-color filter-style-minimal contact-form-minimal small-fancy-datas semitransparent-bullets bold-icons phantom-fade phantom-shadow-decoration phantom-main-logo-on floating-mobile-menu-icon first-switch-logo-left first-switch-menu-right second-switch-logo-left second-switch-menu-right layzr-loading-on wpb-js-composer js-comp-ver-4.9.2 vc_responsive outlined-portfolio-icons album-minuatures-style-2 is-webkit no-mobile esg-blurlistenerexists closed-overlay-mobile-header">
<div id="page" class="closed-mobile-header">
手动打开左侧菜单时

以下内容。

<html class= "js no-touch cssanimations csstransforms csstransforms3d csstransitions cssfilters mobile-false not-iOS menu-open">
<body class="home page page-id-11 page-template-default logged-in small-hover-icons header-side-left sticky-header slide-header-animation header-side-line header-above-side-line srcset-enabled btn-flat custom-btn-color custom-btn-hover-color filter-style-minimal contact-form-minimal small-fancy-datas semitransparent-bullets bold-icons phantom-fade phantom-shadow-decoration phantom-main-logo-on floating-mobile-menu-icon first-switch-logo-left first-switch-menu-right second-switch-logo-left second-switch-menu-right layzr-loading-on wpb-js-composer js-comp-ver-4.9.2 vc_responsive outlined-portfolio-icons album-minuatures-style-2 is-webkit no-mobile esg-blurlistenerexists closed-overlay-mobile-header show-sticky-header">
<div id="page" class="closed-mobile-header show-header">

我已经尝试找出是否可以更改网页的CSS或JS值但是还没弄清楚我必须在哪里这样做。 谢谢你的帮助。

1 个答案:

答案 0 :(得分:0)

我没有主题,因此不确定它的结构如何。但是,您应该可以通过执行以下操作来完成此操作。

  1. 打开菜单添加到&lt; html&gt;
  2. show-sticky-header 添加到&lt; body&gt;
  3. show-header 添加到&lt; div id =“page”&gt;
  4. 我建议采用以下方法。

    1. 备份您的网站或至少备份相关文件。
    2. 确保您正在使用儿童主题。
    3. 一次打开​​主题文件,并查找主题呈现标记的位置。
    4. 将该文件复制到您的子主题
    5. 在子主题中修改它们/它们以添加三个类。
    6. 如果我合法访问主题,我绝对可以确切地告诉你。不幸的是,这是59美元。但是,即使你是WP和PHP的新手,一个缓慢深思熟虑,有条不紊的搜索,至少可以让你至少得到它需要发生的确切位置。如果你仍然无法弄清楚,你可以在这里重新发布你的主题部分,有人可以提供精细的细节。

      如果没有手中的主题或至少有问题的代码,我只是不确定有多少帮助。

      希望这有帮助,

      P.S。这里有关于您不熟悉的儿童主题的信息。 https://codex.wordpress.org/Child_Themes