How can I add phone icon to my top bar

Hi there,

1. There aren't any built-in icons but you can find one using a service like FontAwesome or Bootstrap icons.

2. For the sticky part, can you turn off the sticky navigation in the customizer first?

We will try some CSS solution to make both of them sticky.

Let me know :)

Hi Leo,
I know what you are trying to do however, I like my site title to show up in the sticky navigation and your suggestion will remove the site title. :)

Can you please let me know how to use the FontAwesome? I have already installed this but do not know how to use it.

thanks

I know what you are trying to do however, I like my site title to show up in the sticky navigation and your suggestion will remove the site title.

Hmm the method I have in mind won't remove the title. Can you disable the sticky navigation in the customizer first?

As for FA, this should help:
https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use

I turned it off.

I mean, I disabled the sticky nav

Try this CSS:

@media (min-width: 769px) {
    .top-bar {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        z-index: 99;
    }
    .main-navigation {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        z-index: 99;
    }
}

it works. :) thank you

No problem :)