Site logo

Archived topic

Exposed area around rounded Navigation corners

3 replies · Started by annashine on December 30, 2017

Viewing posts 1–4 of 4

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. :)

Desktop sticky

Tablet view

Mobile view

Hi there,

Try adding this CSS:

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

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

You're welcome! :)

This archived topic is closed to new replies.