[Resolved] Exposed area around rounded Navigation corners

[annashine]

Hi, I rounded the corners of my navigation bar (for applicable pages) for a softer look. I noticed on the sticky navigation, tablet view and mobile view, you can see the area just around the corners of the navigation. This isn’t a big deal but when the navigation fills up the whole screen in this case (see screenshots), it looks a little weird to have the tiny bits of the background peeking through. Do you have any advice on how to make this look different? Or I can just live with it. 🙂

[Tom]

Hi there,

Try adding this CSS:

#sticky-navigation,
#mobile-header {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

[annashine]

Thank you! for the gift of this CSS snippet. It looks even better than I’d hoped.

[Tom]

You’re welcome! 🙂

[Author]

Posts