私のWordPress CSSは一晩中作業を停止しました

Question

昨晩と今朝、私のワードプレスのウェブサイトが正常に動作していました。以前まで、私の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ファイルからのstyle.css行で

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行目のidが#accessの要素のfloat:left;を削除すると、固定され、カルーセルが表示されます。

または、#headerの要素にクラスclearfixを追加します。

読むよりおよそclearfix

Answer 2

です：386はfloatを削除します。 #access { float:none; }