Archived topic

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

5 replies · Started by Cristiano on August 31, 2021

Viewing posts 1–6 of 6

August 31, 2021 at 6:47 pm #1914762

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?

August 31, 2021 at 7:13 pm #1914782

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

August 31, 2021 at 7:24 pm #1914788

Thank you very much, it worked perfectly!!

August 31, 2021 at 8:44 pm #1914823

You are welcome :)

February 16, 2023 at 10:17 am #2535876

Hi,

What is the code for a normal navigation ?

Thank you

February 16, 2023 at 11:28 am #2535958

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!

This archived topic is closed to new replies.