[Resolved] Header – Fine White Line appearing with new *clear* purpose

[Patrick]

Hi Support Team,

You’ve been so helpful already. Thank you. At the end of last week, we made some CSS changes to my header to ensure things would line up correctly.

See: http://www.planetpatrick.net

We discussed a fine white line which is appearing above the search/social media, but which is the exact width of the Primary Menu. It was suggested this was a cache issue and would disappear when I cleared my cache. I have done so and I’m on a different ISP and browser to when I first tested it. The white line is still appearing for me – sorry if I’ve misunderstood any part of the cache clearance requirement.

Any other thoughts on how to eradicate that white line?

Thank you so much,
Patrick

[Ying]

Hi Patrick,

It seems you have this CSS which adds the white line:

.main-navigation .inside-navigation {
    border-top: 0.5px solid #d4d7d8;
}

[Patrick]

Hi Ying,

I am so excited you worked out where the issue was coming from (no, I have no idea where that white line CSS came from – perhaps a hangover from the theme I am using).

Thank you,
Patrick

[Ying]

Lol, you are welcome 🙂

[Author]

Posts