[fix]更新导航栏,在鼠标移动上去的hover效果,删除字体加粗的效果,会导致布局错位混乱,删除LOGO副标题的字体Hover效果,保留手势

2.更新字体镜像源,从谷歌字体调整为国内镜像字体,保证国内访问的稳定性
dev-about
huyuanxiang 1 month ago
parent 1ffc0e9be6
commit 4d21ab4c19

@ -250,7 +250,7 @@ img {
.banner-title {
font-size: 3rem;
font-weight: bold;
margin-bottom: 1rem;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
@ -434,7 +434,8 @@ img {
}
.news-title {
font-size: 42px;
font-size: 48px;
font-weight: bold;
color: #333;
letter-spacing: 2px;
}
@ -801,7 +802,7 @@ img {
}
.footer-container {
max-width: 1320px;
max-width: 1390px;
margin: 0 auto;
padding: 0 20px;
}

@ -5,7 +5,7 @@
<!-- Logo 和公司信息 -->
<div class="footer-brand">
<div class="footer-logo">
<h3 class="text-[#111318] dark:text-white text-3xl md:text-2xl leading-tight tracking-tight mb-4 bg-clip-text text-transparent bg-gradient-to-r from-gray-900 to-gray-600 dark:from-white dark:to-gray-400"> Follow NENGHUI</h3>
<h3 class="font-display text-[#111318] dark:text-white text-3xl md:text-2xl leading-tight tracking-tight mb-4 bg-clip-text text-transparent bg-gradient-to-r from-gray-900 to-gray-600 dark:from-white dark:to-gray-400"> Follow NENGHUI</h3>
<!-- <img src="https://nenghui.com/wp-content/uploads/2025/11/logo-2.png" alt="<?php bloginfo('name'); ?>" style=" height: 32px;" class="logo-img"> -->
</div>
@ -49,8 +49,9 @@
<h3 class="footer-nav-title">ABOUT US</h3>
<ul class="footer-nav-list">
<li><a href="/about-us">Company Profile</a></li>
<li><a href="/story">Brand Story</a></li>
<li><a href="/contact-us">Contact Nenghui</a></li>
<li><a href="/honor">Certifications & Accreditations</a></li>
<li><a href="/news">News</a></li>
</ul>
@ -59,8 +60,8 @@
<div class="footer-nav-column">
<h3 class="footer-nav-title">PRODUCTS & SOLUTIONS</h3>
<ul class="footer-nav-list">
<li><a href="/pros/">Products</a></li>
<li><a href="/epc-solutions">EPC & Energy Solutions</a></li>
<li><a href="/pros/">Energy Storage Systems</a></li>
<li><a href="/epc-emc">EPC&EMC/PPA Solution</a></li>
<li><a href="/microgrid">Microgrids</a></li>
</ul>
</div>
@ -71,7 +72,7 @@
</ul>
</div>
<div class="footer-nav-column">
<h3 class="footer-nav-title">SERVICE & SUPPURT</h3>
<h3 class="footer-nav-title">SERVICE & SUPPORT</h3>
<ul class="footer-nav-list">
<li><a href="/download-center/">Download Center</a></li>
<li><a href="/support/">Service</a></li>
@ -79,7 +80,6 @@
</ul>
</div>
</div>
<!-- 订阅区域 -->
<!-- <div class="footer-subscribe">
<?php echo do_shortcode('[fluentform id="3"]'); ?>
@ -114,8 +114,6 @@
<?php wp_footer(); ?>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.7.2/vanilla-tilt.min.js"></script>
<script>
AOS.init({
duration: 800, // 动画持续时间

@ -7,14 +7,16 @@
<meta name="google-site-verification" content="4-DXQwmh6Tn_4TiIaslQa4L-xJTXT0XBVn2dCB_A7F8" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
<?php wp_head(); ?>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com" rel="preconnect"/>
<link href="https://fonts.loli.net/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.loli.net" rel="preconnect"/>
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;700;900&family=Liu Jian Mao Cao:wght@400;700&family=Montserrat:wght@400;500;700;800;900&family=Inter:wght@400;500;700;800;900&family=JetBrains+Mono:wght@500&display=swap" rel="stylesheet"/>
<link href="https://fonts.loli.net/css2?family=Space+Grotesk:wght@300;400;500;700;900&family=Liu Jian Mao Cao:wght@400;700&family=Montserrat:wght@400;500;700;800;900&family=Inter:wght@400;500;700;800;900&family=JetBrains+Mono:wght@500&display=swap" rel="stylesheet"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.css" />
<!-- AOS Animation Library -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.7.2/vanilla-tilt.min.js"></script>
<!-- Tailwind & Config -->
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
@ -36,8 +38,8 @@
fontFamily: {
"display": ["Montserrat", "sans-serif"],
"sans": ["Montserrat", "sans-serif"],
"mono": ["JetBrains Mono", "Montserrat"],
"inter": ["Inter", "Montserrat"],
"mono": ["JetBrains Mono", "monospace"],
"inter": ["Inter", "monospace"],
},
borderRadius: {
"DEFAULT": "0.5rem",
@ -106,8 +108,8 @@
},
blobSpin: {
'0%': { transform: 'rotate(0deg) scale(1)' },
'50%': { transform: 'rotate(180deg) translate(-80%, 50%) scale(1.1)' },
'100%': { transform: 'rotate(360deg) translate(0) scale(1)' },
'50%': { transform: 'rotate(180deg) scale(1.1)' },
'100%': { transform: 'rotate(360deg) scale(1)' },
}
},
animation: {
@ -220,7 +222,7 @@
<body <?php body_class(); ?>>
<nav class="main-nav">
<div class="nav-container">
<div class="nav-logo flex items-center">
<div class="nav-logo flex">
<a class="flex flex-col" href="<?php echo home_url(); ?>">
<?php
$logo = get_theme_mod('site_logo');
@ -229,7 +231,7 @@
<?php else: ?>
<img src="https://nenghui.com/wp-content/uploads/2025/11/logo-2.png" alt="logo">
<?php endif; ?>
<p data-no-translation class="text-[12px] text-[#517bb9] text-justify pl-1 max-w-[12rem] hover:text-normal">Cleaner Energy. Greater Value. </p>
<p class="text-[12px] text-[#517bb9] hover:font-normal text-justify pl-1 ">Cleaner Energy. Greater Value.</p>
</a>
<a href="https://cn.nenghui.com/" class="ml-[2rem] text-[#295ca8] cursor-pointer relative group hover:text-[#295ca8]" data-no-translation>
中国版

@ -147,7 +147,7 @@
}
.nav-container {
max-width: 1320px;
max-width: 1390px;
margin: 0 auto;
padding: 0 20px;
height: 100%;
@ -201,7 +201,6 @@
display: flex;
align-items: center;
position: relative;
cursor: pointer;
}
.menu-items li a {
@ -213,10 +212,10 @@
transition: all 0.3s ease;
}
.menu-items li a:hover, .menu-items li.menu-item-has-children > a:hover {
/* background: rgba(0, 0, 0, 0.05); */
font-weight: normal;
color: #007cba !important;;
.menu-items li a:hover {
background: rgba(0, 0, 0, 0.05);
color: #000;
font-weight: 400;
}
/* 下拉菜单样式 */
@ -227,6 +226,7 @@
.menu-items li.menu-item-has-children > a .dropdown-arrow {
font-size: 0.7rem;
/*margin-left: 8px;*/
padding: 10px 0 10px 10px;
transition: transform 0.3s ease;
display: inline-block;

Loading…
Cancel
Save