fix: nav
This commit is contained in:
parent
62bfec7c87
commit
11fe7eafda
@ -3908,10 +3908,6 @@ a.logo:hover {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.body-scrolled .social-nav {
|
|
||||||
color: #00898b;
|
|
||||||
}
|
|
||||||
|
|
||||||
.social-nav:hover {
|
.social-nav:hover {
|
||||||
color: #00abad;
|
color: #00abad;
|
||||||
}
|
}
|
||||||
|
@ -8,18 +8,18 @@ import Link from "next/link";
|
|||||||
import { FaFacebook, FaLinkedin, FaPhone } from "react-icons/fa";
|
import { FaFacebook, FaLinkedin, FaPhone } from "react-icons/fa";
|
||||||
const shareIcons: Record<string, any> = {
|
const shareIcons: Record<string, any> = {
|
||||||
phone: (
|
phone: (
|
||||||
<span className="social-nav flex gap-3 text-2xl lg:text-gray-300">
|
<span className="social-nav flex gap-3 text-2xl lg:text-[#00898b]">
|
||||||
<FaPhone />
|
<FaPhone />
|
||||||
<b className="text-sm">(520) 803-6644</b>
|
<b className="text-sm">(520) 803-6644</b>
|
||||||
</span>
|
</span>
|
||||||
),
|
),
|
||||||
facebook: <FaFacebook className="social-nav text-2xl lg:text-gray-300" />,
|
facebook: <FaFacebook className="social-nav text-2xl lg:text-[#00898b]" />,
|
||||||
linkedin: <FaLinkedin className="social-nav text-2xl lg:text-gray-300" />,
|
linkedin: <FaLinkedin className="social-nav text-2xl lg:text-[#00898b]" />,
|
||||||
};
|
};
|
||||||
|
|
||||||
export default function Header({ links }: { links: typeof navMenuData }) {
|
export default function Header({ links }: { links: typeof navMenuData }) {
|
||||||
return (
|
return (
|
||||||
<nav className="main-nav dark transparent stick-fixed wow-menubar wch-unset relative">
|
<nav className="main-nav dark stick-fixed wow-menubar wch-unset relative">
|
||||||
<div className="main-nav-sub full-wrapper">
|
<div className="main-nav-sub full-wrapper">
|
||||||
{/* Logo (* Add your text or image to the link tag. Use SVG or PNG image format.
|
{/* Logo (* Add your text or image to the link tag. Use SVG or PNG image format.
|
||||||
If you use a PNG logo image, the image resolution must be equal 200% of the visible logo
|
If you use a PNG logo image, the image resolution must be equal 200% of the visible logo
|
||||||
|
@ -2,11 +2,9 @@ export const headerChangeOnScroll = () => {
|
|||||||
const mainNav = document.querySelector(".main-nav");
|
const mainNav = document.querySelector(".main-nav");
|
||||||
const lightAfterScroll = document.querySelector(".light-after-scroll");
|
const lightAfterScroll = document.querySelector(".light-after-scroll");
|
||||||
if (window.scrollY > 0) {
|
if (window.scrollY > 0) {
|
||||||
mainNav?.classList.remove("transparent");
|
|
||||||
mainNav?.classList.add("body-scrolled");
|
mainNav?.classList.add("body-scrolled");
|
||||||
if (lightAfterScroll) lightAfterScroll.classList.remove("dark");
|
if (lightAfterScroll) lightAfterScroll.classList.remove("dark");
|
||||||
} else if (window.scrollY === 0) {
|
} else if (window.scrollY === 0) {
|
||||||
mainNav?.classList.add("transparent");
|
|
||||||
mainNav?.classList.remove("body-scrolled");
|
mainNav?.classList.remove("body-scrolled");
|
||||||
if (lightAfterScroll) lightAfterScroll.classList.add("dark");
|
if (lightAfterScroll) lightAfterScroll.classList.add("dark");
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user