How to make a ribbon heading for navbar

Community Forums Forums Design Tips and Tricks How to make a ribbon heading for navbar

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  genwrock 4 months, 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #95510

    trbdesign
    Participant
    Post count: 15

    Hi,

    I’m trying to make a navbar that looks like this:

    http://www.ascseniorcare.com/

    I have to have it done by today, and nothing else was working so I generated a ribbon to use on this site:

    http://asc.ignitrodev.com/blog/

    I realize that I have to insert some html, which was provided by the site where I got the ribbon, but I’m not sure where to put it. I don’t see where there’s a #nav hook anywhere.

    Does anyone have any suggestions?

    Thanks in Advance,

    Toni

    http://asc.ignitrodev.com/blog/
    #95523

    genwrock
    Member
    Post count: 321

    Add this css in your style.css file

    #nav {
        position: relative;
        display: inline-block;
        width: 100%;
    }
    #nav:before {
        background: url("http://www.ascseniorcare.com/themes/lm360_am_sr_v1/assets/css_images/senior-left-wing.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        content: "";
        display: block;
        height: 54px;
        left: -16px;
        position: absolute;
        top: -4px;
        width: 16px;
    }
    #nav:after{
        background: url("http://www.ascseniorcare.com/themes/lm360_am_sr_v1/assets/css_images/senior-right-wing.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        content: "";
        display: block;
        height: 54px;
        right: -16px;
        position: absolute;
        top: -4px;
        width: 16px;
    }

    Working as a freelancer & helping the people on forum | Chinmoy @ PWD | Please Follow Me on Twitter If I’ve helped.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.