"Ribbon" ends on menu banner

flourishandknot · Member · Oct 11, 2016 at 10:43 pm
Copy link

Add topic to favorites
Hi! I’m trying to get the “ribbon” style (sideways “v”) ends of my menu banner back. I changed the colour of the banner in css but it got rid of the original ribbon ends (which looked really nice). Can anyone help me?

The blog I need help with is: (visible only to logged in users)

siobhyb · Staff · Oct 12, 2016 at 9:51 am

To replicate the ribbon style, you’ll need to copy over the following from the theme’s style.css (which is currently overridden with the CSS you add for the navigation) to your custom CSS:

@media screen and (min-width: 63.75em) {
    .navigation-main:before {
        border-left-color: #fff;
        border-right-width: 1.5em;
        left: 0;
    }

    .navigation-main:after {
        border-left-width: 1.5em;
        border-right-color: #fff;
        right: 0;
    }
}

Hope that helps! :)

The topic ‘"Ribbon" ends on menu banner’ is closed to new replies.

WordPress.com forums

"Ribbon" ends on menu banner