[Resolved] How to insert a small vertical line next to the logo in sticky navigation ?

[Cristiano]

How to insert a small vertical line next to the logo in sticky navigation

I would like to insert a line between enter and logo of my site and the menu, which would only work when scrolling down in the sticky navigation, just like the site I sent in the sensitive area.

My website works like this:

I would like to get this effect:

Can you help me, please?

[Ying]

Hi Cristiano,

Give this CSS a try:

#sticky-navigation .navigation-branding:after {
    content: "";
    padding-left: 20px;
    border-right: 1px solid grey;
    height: 30px;
}

Feel free to change the values 🙂

[Cristiano]

Thank you very much, it worked perfectly!!

[Ying]

You are welcome 🙂

[Émilien]

Hi,

What is the code for a normal navigation ?

Thank you

[Leo]

Try:

.main-navigation .navigation-branding:after {
    content: "";
    padding-left: 20px;
    border-right: 1px solid grey;
    height: 30px;
}

If that doesn’t work then please open a new topic and link us to the page in question.

Thanks!

[Author]

Posts