折腾:
【已解决】WordPress的网站Enfold主题在手机端顶部菜单异常
期间,经过调试,至少看到了上面的不同的css
看起来是:
https://www.china-teatime.com/wp-content/uploads/dynamic_avia/avia-merged-styles-f39b7d049a514f0aa9c8c20e9d325773.css
其中的要去找找:
/wp-content/uploads/dynamic_avia/
和正常的:
https://farmedia.de/wp-content/themes/enfold/css/layout.css?ver=4.2.4
/wp-content/themes/enfold/css/layout.css?ver=4.2.4
中代码去相比,为何缺失了这些css(和或许还有js)
本地去调试找找看原因:
http://localhost:8888/wp_farmedia/
去看看此处的css文件,发现还是合并后的,不容易找到我要的内容:
所以去搜:
wordpress dynamic_avia
dynamic_avia directory – Support | Kriesi.at – Premium WordPress Themes
https://kriesi.at/support/topic/dynamic_avia-directory/
“That folder stores a dynamically stylesheet that gets generated every time you do a change in the Theme Options (Styling, Quick CSS, etc). ”
每次更新主题选项后,就会新生成
-》那么说明对于想要改成自己要的配置,还是要去修改主题配置
尤其是之前看到的enfold child的主题的css?
先不管js,先去看看css配置弄过来,能否生效
结果试了:
.av-hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.15s ease; }
是有部分效果的:
但是把:
搜到的:
.av-hamburger-inner
全部内容都复制过来:
结果却没有用。
后来注意到了:
此处正常
#avia-menu > li > a > span
的
av-hamburger av-hamburger--spin av-js-hamburger av-inserted-main-menu is-active
是有is-active的
但是现在的缺少了:
-》看来是缺少了js的代码。
所以是:
之前的:
.av-hamburger--spin.is-active .av-hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.15s ease; }
之所以没生效是因为:
.av-hamburger–spin.is-active
由于缺了is-active而没有匹配到
所以才没生效。
所以还是先去折腾js的问题: