How to Add Custom Menus to Top Bar?

Hello, I would like to know how do I add custom menus and or widgets to top bar?
Thank you

How to make the top bar smaller?

Hi,

You can add the menu to the topbar in Appearance -> Menus and some text in Theme Settings -> Header -> Top bar.

Try to add the following code snippet to the Custom CSS area in Theme Settings to make it smaller

div.topbar-content:before,
div.topbar-wrapp {
	height:36px;
}

div.topbar-menu ul>li {
    line-height: 36px;
}

Regards

Thank you very much, I can confirm that your code is working completely fine.

One more thing, how do I add colors to the font awesome icons?

What exactly icons do you mean?

If you see on my website https://www.coffees.trade, I would like to have the globe icon in red or other colors I like.
Is it possible to change the color of the icons for Font Awesome?
How do I change them?

Sure, as we can see you have set the white color for this icon yourself in the code. Just change this style attribute to any color you want https://gyazo.com/c8bc47433214ce12c66116c59e8669a7

[Author]

Posts