我的WordPress CSS在一夜之間停止工作

Question

昨晚和今天上午，我的WordPress網站工作正常。直到早些時候，我的CSS停止正常工作。

當你將鼠標懸停在某些菜單嵌套在一些<li>，與過渡懸停效果是應該發生的。這停止工作，我的貓頭鷹傳送帶當頁面加載不顯示，直到滾動功能被激活。

我懷疑它是一個與我的緩存問題，但我想用Stackpath CDN來解決，並沒有任何改變。我真的失去了做什麼。

在自定義菜單，用於懸停顏色控件不爲菜單鏈接或者

工作，這是我的網站：stylehercloset.co.uk

這是我的JavaScript文件：

jQuery(document).ready(function(){ 

    // owl caroussel 
    jQuery(".owl-carousel").owlCarousel({ 

    items:1, 
    navRewind:true, 
    center:true, 
    autoplay:true, 
    autoplayTimeout:3000 
    }); 

    /* end of owl caroussel */ 
    // adobe typekit 
    try{ 
    Typekit.load({ async: true }); 
    } 
    catch(e){} 

    // end of typekit 

    jQuery(window).scroll(function(){ 

    if(window.pageYOffset > 394){ 
    jQuery("#access").css({"position":"fixed", 
    "z-index":"2", 
    "left":"0px", 
    "top":"0px", 
    "border":"0px", 
    "border-width":"1px", 
    "border-bottom-style":"solid", 
    "margin-top":"auto" 

    /*"padding-top":"2.5em" */}); 
} 

    if(window.pageYOffset < 394){ 

    jQuery("#access").css({"position":"initial", 
    "padding":"0px", 
    "border-top":"1px", 
    "border-bottom":"1px", 
    "border-top-style":"solid", 
    "border-bottom-style":"solid", 
    "margin-top":"0.5em" 
    }); 
} 

    }); // end of scroll function 


    // code for the footer area 

jQuery("#first,#second,#third,#fourth").addClass("col-xs col-sm-1 col-md-3 col-3"); 


jQuery("#footer-widget-area").addClass("row"); 


jQuery("#primary, #secondary").addClass("col-xs col-sm-3"); 

    jQuery(".small-nav i").click(function(){ 
    jQuery("div.menu").slideToggle("slow"); 

    }); 
}); 

這是從我的style.css相關的CSS：

#access .menu ul a:hover { 
    background-color: #40E0D0 !important; } 

，這是從我的functions.php文件

function customizer_css(){ 

    ?> 

    <style type="text/css"> 

    *h1 { 
    <?php echo get_theme_mod('h1_font'); ?>; 
    } 

    * h2 { 
    <?php echo get_theme_mod('h2_font'); ?>; 
    } 

    *h3 { 
    <?php echo get_theme_mod('h3_font'); ?>; 
    } 

    *h4 { 
    <?php echo get_theme_mod('h4_font'); ?>; 
    } 

    *h5 { 
    <?php echo get_theme_mod('h5_font'); ?>; 
    } 

    * p { 
    <?php echo get_theme_mod('p_font'); ?>; 
    } 

    *a { 
    <?php echo get_theme_mod('a_font'); ?>; 
    } 

    #site-title { 
     <?php echo get_theme_mod('title_position'); ?> 
     font-size:<?php echo get_theme_mod('title_size'); ?>em !important; 
    } 

    #primary a, #secondary a { 
    <?php echo get_theme_mod('widget_a_font'); ?>; 
    } 

    #small-menu, #access, #wrapper,#footer #colophon{ 
     background-color:<?php echo get_theme_mod('website_colour') ?> !important; 
    } 

    #header-bg { 
    background-image: url('<?php echo get_header_image(); ?>'); 
    background-color: <?php echo get_theme_mod('header_colour'); ?> ; 
    background-position: <?php echo get_theme_mod('header_bg_position_x_lg','0%'); ?> 
    <?php echo get_theme_mod('header_bg_position_y_lg','0%'); ?> !important; 
    } 

    #main a, #footer-widget-area a { 
     color: <?php echo get_theme_mod('link_colour'); ?> !important ; 
     } 

    .current_page_item a, #access .menu ul a:hover { 
     background-color: <?php echo get_theme_mod('hover_colour'); ?> !important ; 
    } 

    #access .el:hover { 
     color: <?php echo get_theme_mod('hover_colour'); ?> !important ; 
    } 

    h1#site-title a{ 
     <?php echo get_theme_mod('title_font_style'); ?>; 
    } 

    @media screen and (max-width:767px) { 

    #header-bg { 

    background-position: <?php echo get_theme_mod('header_bg_position_x_xs','0%'); ?> 
    <?php echo get_theme_mod('header_bg_position_y_xs','0%'); ?> !important; 

    } 

     #site-title { 
     <?php echo get_theme_mod('title_position_xs'); ?> 
     font-size:<?php echo get_theme_mod('title_size_xs'); ?>em !important; 
    } 


    } /* end of mobile size */ 

    @media screen and (min-width:768px) and (max-width:991px){ 

     #header-bg { 
    background-position: <?php echo get_theme_mod('header_bg_position_x_sm','0%'); ?> 
    <?php echo get_theme_mod('header_bg_position_y_sm','0%'); ?> !important; 
    } 

    #site-title { 
     <?php echo get_theme_mod('title_position_sm'); ?> 
     font-size:<?php echo get_theme_mod('title_size_sm'); ?>em !important; 
    } 

    } /* end of small*/ 

    @media screen and (min-width:992px) and (max-width:1199px){ 

     #header-bg { 
     background-position: <?php echo get_theme_mod('header_bg_position_x_md','0%'); ?> 
    <?php echo get_theme_mod('header_bg_position_y_md','0%'); ?> !important; 

    } 

    #site-title { 
     <?php echo get_theme_mod('title_position_md'); ?> 
     font-size:<?php echo get_theme_mod('title_size_md'); ?>em !important; 
    } 


    } // end of medium 
    </style> 

<?php 
} 


//add actions 

add_action('wp_enqueue_scripts','style_n_scripts'); 

//theme customizer api 
add_action('customize_register', 'customizer_api'); 

//theme support 

add_action('init', 'shc_theme_support'); 

// theme customizer css 

add_action('wp_head', 'customizer_css'); 

Answer 1

看起來就像是一個CSS問題/衝突。當您在樣式表的第386行上刪除編號爲#access的元素上的float:left;時，它會被修復並顯示您的傳送帶。

或者類clearfix ID爲#header添加的元素。

瞭解更多關於clearfix

Answer 2

在style.css的線路：386刪除float。 #access { float:none; }