How to delete line under sticky menu?

Hi there,

There shouldn't be any lines added to the sticky navigation by default.

Can you link me to the site to see where it's coming from? Thanks!

it appears when you scroll down. http://www.gencommunications.com/gen-communications/

You have this CSS added:

.main-navigation {
    border-bottom: 20px solid #000000;
}

Yes I was playing around by adding this and using 0px and #ffffff to see if i can control the line. It still appears regardless. I deleted it today and it's still there.

I can still see the CSS so it's a caching issue.

Try clear your caching plugin.

Deleted CSS (I must have forgotten to update previously) Using different computer and both Chrome and Edge line still appears.

Looks removed to me: https://s28.postimg.org/9s3jlq725/2017-08-14_1215.png

Try clearing browser cache.

Only appears when you scroll and menu becomes sticky. I did clear cache and tried in Firefox also.

Ahh the shadow.

Try this:

.sticky-enabled .main-navigation.is_stuck {
    box-shadow: none;
}

Worked! Thanks so much for you time.

No problem!

Had the same problem and this CSS code works! Thanks!

Glad to hear :)