Docs

[KB-WFW]

Hi Support,

I was able to add a background image to the top of the Topbar, but wanted to have the same affect when scrolling down the page so that the same image appeared at the top of the fixed navbar

I just can’t see m to get this to work [ .x-navbar-fixed-top ] I have cleared all css.. hope you can steer me in the right direction.

See here : https://goo.gl/eSqurs

thanks

[Nico]

Hi There,

Try adding this code in your Customizer > Custom > CSS:

.x-navbar-fixed-top .x-container:before{
    background-image: url(http://discitus.com/wp-content/uploads/2017/02/discitus-bar-1.png);
    height: 10px;
    max-width: 100%;
    width: 100%;
    background-size: contain;
}

Let us know how it goes.

Thanks.

[KB-WFW]

Thanks , this gets us part way.. Anyway it can span the full page width ?

[Jade]

Hi there,

Please update the code to:

.x-navbar-fixed-top:before {
    background-image: url(http://discitus.com/wp-content/uploads/2017/02/discitus-bar-1.png);
    height: 10px;
    max-width: 100%;
    width: 100%;
    background-size: contain;
    content: " ";
    display: table;
}

Hope this helps.

[KB-WFW]

That did it. Thanks Jade.

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts