Can't click on nav items

[iTheMaverick]

Hi all, I'm new web designer and am still learning a few things but know enough to be able to make websites. I've encountered an issue with one that I'm working on, after changing a few things in CSS my nav items can no longer be clicked and :hover is no longer functioning and I cannot figure out what the problem is coming from

(I tried pasting the code directly but it kept embedding)

Any help is appreciated, thanks.

Guidelines

• I have read and understood this category's guidelines before making this post.

[deepk2891]

yoy should provide code instaed of picture

[iTheMaverick]

`

<link rel="stylesheet" href="CSS/contactus.css" />
/>

<title>Toplist Perfumes</title>

Contact Us

---

Home New Arrivals Brand Collection Catalog Contact Us Finance Your Purchase Login Search Cart

About Toplist Perfumes

835 N Michigan Ave, Chicago, IL, 60611 Unit 6005

Phone: +1 847-497-8459
Email: Toplistscents@gmail.com

Monday-Friday 11am-7pm
Sunday 11am–6pm

---

Careers

For careers, contact Toplistscents@gmail.com

---

Inquiries

Contact Toplistscents@gmail.com

---

`

`* {
padding: 0;
margin: 0;
box-sizing: 0;
}

body {
font-family: sans-serif;
background-color: #f3f3f3;
}

.Topnav {
margin: auto;
padding-top: 2%;
position: fixed;
text-align: center;
font-size: 1.8vh;
white-space: nowrap;
}

.HeaderLogo {
position: fixed;
padding: auto;
margin: auto;
width: 20%;
left: 3%;
top: 0.5%;
}

.Topbar {
position: fixed;
width: 100%;
height: 13%;
right: 0%;
background: #f3f3f3;
top: 0%;
padding: auto;
margin: auto;
border: none;
border-bottom: 5px solid #1a1a1a;
}

.Home {
margin: auto;
color: #1a1a1a;
text-decoration: none;
margin-right: 2%;
margin-left: 70%;
}

.Home:hover {
border-bottom: 1px solid #1a1a1a;
}

.NewArrivals {
margin: auto;
color: #1a1a1a;
text-decoration: none;
margin-right: 2%;
}

.BrandCollection {
margin: auto;
color: #1a1a1a;
text-decoration: none;
margin-right: 2%;
}

.BrandCollection:hover {
border-bottom: 1px solid #1a1a1a;
}

.Catalog {
margin: auto;
color: #1a1a1a;
text-decoration: none;
margin-right: 2%;
}

.Catalog:hover {
border-bottom: 1px solid #1a1a1a;
}

.ContactUs {
color: #1a1a1a;
text-decoration: none;
border-bottom: 1px solid #1a1a1a;
margin-right: 2%;
}

.ContactUs:hover {
border-bottom: 1px solid #1a1a1a;
}

.FinanceYourPurchase {
color: #1a1a1a;
text-decoration: none;
margin-right: 2%;
}

.FinanceYourPurchase:hover {
border-bottom: 1px solid #1a1a1a;
}

.Login {
color: #1a1a1a;
text-decoration: none;
margin-left: 40%;
}

.Login:hover {
border-bottom: 1px solid #1a1a1a;
}

.Search {
color: #1a1a1a;
text-decoration: none;
margin-left: 2%;
}

.Search:hover {
border-bottom: 1px solid #1a1a1a;
}

.Cart {
color: #1a1a1a;
text-decoration: none;
margin-left: 2%;
}

.Cart:hover {
border-bottom: 1px solid #1a1a1a;
}

h1 {
position: absolute;
padding-top: 8%;
padding-left: 45%;
margin: auto;
font-size: 4vh;
text-align: center;
font-family: system-ui;
font-weight: 350;
}

h2 {
position: relative;
padding-top: 11%;
padding-left: 25%;
margin: auto;
font-size: 3vh;
text-align: left;
font-family: system-ui;
font-weight: 350;
}

.Info {
position: relative;
padding-top: 1%;
padding-left: 25%;
margin: auto;
font-size: 2vh;
font-family: system-ui;
font-weight: 100;
}

.Careers {
position: relative;
padding-top: 1%;
padding-left: 25%;
margin: auto;
font-size: 2vh;
font-family: system-ui;
font-weight: 100;
}

.Inquiries {
position: relative;
padding-top: 1%;
padding-left: 25%;
padding-bottom: 5%;
margin: auto;
font-size: 2vh;
font-family: system-ui;
font-weight: 100;
}

h3 {
position: relative;
padding-top: 1%;
padding-left: 25%;
margin: auto;
font-size: 3vh;
text-align: left;
font-family: system-ui;
font-weight: 350;
}

h4 {
position: relative;
padding-top: 1%;
padding-left: 25%;
margin: auto;
font-size: 3vh;
text-align: left;
font-family: system-ui;
font-weight: 350;
}

hr {
margin-left: 15%;
margin-right: 15%;
margin-top: 2%;
}

.Footer {
position: relative;
width: 100%;
height: 12%;
background: #1a1a1a;
padding: auto;
margin: auto;
}
`

[deepk2891]

h2 { position: relative; padding-top: 11%; padding-left: 25%; margin: auto; font-size: 3vh; text-align: left; font-family: system-ui; font-weight: 350; } This is messing up Navigation bar !! If you remove or comment padding in h2{...} your navugation bar will start working !! Also you given font-weight 350 which is wrong ! font-weight : 100 or 200 or 300 or 400 or 500 or 600 or 700 or 800 or 900 ; Kindly contact me if you face any issue with your website