.w-nav-link class overriding nav-link class

Hello everyone,

I wonder if anyone can help.

My nav-link class is being overridden by the default .w-nav-link class, which adds 20px around everything.

I have attempted to add custom code (see below) but that overrides my new class!

.w-nav-link { padding:0px}

Can anyone help?

Kind regards

Jon


Here is my site Read-Only: https://preview.webflow.com/preview/london-lightworks?utm_source=london-lightworks&preview=ead323d55a041d4d7152f0de41911b23

Published site: http://london-lightworks.webflow.io/

Can you please clarify a bit? I am seeing this in the inspector:

12%20AM

padding set at the top of the image is the one you set yourself, lower part of the image shows the default which is overwritten by your styles and not doing anything.

Am I missing something?

Wow, that’s super weird.

The class was completely being overridden, all I changed was the auto from the left padding and it seems to have fixed it!

I’ve just recreated the issue

image

Sorry for wasting your time!

Glad you have it fixed anyway!