[IraKarydi]

Hello, could you please tell me if ia can add my viber number an the top left bar https://prnt.sc/qtyjtv near my email?
and how? i want the viber logo. Thank you

[wensolutions]

Hello,

Actually, You can add viber number near email by adding custom link through menu by going to Admin Panel > Appearance > Menu as shown in screenshot below:

http://prntscr.com/qtza35

Also, the feature regarding adding viber logo is not available.

However, once you add viber number in social menu section, please provide us with site URL so that we can see if we can help you regarding adding viber logo with custom CSS. Also, please add custom class(if possible) for viber info section in social menu section.

If you have any queries further, let us know.

Thank you.

[IraKarydi]

https://www.universetravel.gr/. How add custom class(if possible) for viber info section in social menu section?

Thank you

[wensolutions]

Hello,

Please add custom CSS class for viber info section in social menu section by going to Admin Panel > Appearance > Menus as shown in screenshot below:

http://prntscr.com/qucsmp

Regards.

[IraKarydi]

Hello, I haven’t the option of css classes https://prnt.sc/quehrr .

Thank you

[wensolutions]

Hello,

Please refer below given screen record so that you will be able to add custom CSS class.

https://www.loom.com/share/bfe1914125414d358ca4f44d7259cb21

Regards.

[IraKarydi]

Thanks i Found it, and which is the css class for viber? This ? <i class=”fab fa-viber”></i>

[wensolutions]

Hello,

You can add any name as custom CSS class. Please add ‘viber-icon’ as class name as shown in screenshot below:

http://prntscr.com/qugjji

Regards.

[IraKarydi]

It doesn’t work this css class, Now?

[wensolutions]

Hello,

Actually, we had asked you to add class ‘viber-icon’ for viber info section in social menu section so that we can inspect your site URL with class we have asked you to add and provide you custom CSS to display the viber icon near email. So, by adding the class ‘viber-icon’ viber icon cannot be displayed as you have to add following given CSS code in Additional CSS section by going to Admin Panel > Appearance > Customize > Additional CSS.

.top-header .menu-icons .viber-icon a:before {
    content: "\f409" !important;
    font-family: "Font Awesome 5 Brands";
}

Please refer below given screen record for detail assistance regarding adding viber icon near email.

https://www.loom.com/share/dc6f117b5e94449c972a0f6374b3b293

Hope this helps.

Thank you.

[IraKarydi]

Yes , now its ok!! Thank you so much

[wensolutions]

Hello,

Glad we could help you.

If you have any queries further, let us know.

Thank you.

[Author]

Posts