How do I edit the social media icons in the top bar?

Can you add the icons back so I can see how they were displaying?

Thanks,
Kevin

Yes. Thank you very much for your assistance.
I have re-added the icons.

Also, I am using the following CSS:
.topbarmenu ul li a {
font-size: 15px;
line-height: 40px;
text-align: center;
}

Sorry, I should’ve asked before, but what exactly are you wanting to change about the social icons in the topbar.

If you can give me some specifics, I’ll happily help you get the right CSS.

-Kevin

Hi,
I wanted to include the icons on the same row as the other menu items.

I’m seeing them display in the same row as the rest of the topbar, but maybe this CSS is what you’re after:

.kad-topbar-right {
    width: 12%;
    float: left;
    padding-left: 0;
}
.kad-topbar-left {
    width: 13%;
    padding-right: 0;
}

-Kevin

Thanks.
The icons appear on the second row, and the text is not centered, Using this CSS:
.topbarmenu ul li a {
font-size: 15px;
line-height: 40px;
text-align: center;
}

Removing the social icons from the top bar provides menu item with space for icons to appear on same row.

Using the CSS you provided above, all menu items appear on the left

If possible, I would like the social icons to appear on the 1st row with the rest of the menu items. If not possible, please advise how to center the Menu items or shorten the length of the topbar. I would then place the social icons elsewhere on the page.

Thank you again.

Hi wpnovice,
None of your screenshots seemed to come through. Try using this- https://postimage.io/

Hannah

Hi.
Thank you.
Please try these:
https://s9.postimg.org/gntsshxkv/nosocialicontopbar.png
https://s9.postimg.org/tt9aylrgf/topbarcapture.png
https://s9.postimg.org/uu4hqm24f/newcsstopbarcapture.png

Sorry, I’m not sure I’m following. It’s hard to provide accurate css when your site is set up differently from your screenshots. Are you trying to add your menu to the right side of the header or left? And how exactly are you adding the menu?

Hannah

Hi, The site is currently set up as no top bar social icons. https://s9.postimg.org/gntsshxkv/nosocialicontopbar.png
with the following CSS:
.topbarmenu ul li a {
font-size: 15px;
line-height: 40px;
text-align: center;
}

I was trying to add the social icons to the right of the menu items on the same row.

Thank you.

Are you able to post a link to your site?

Hannah

Sure. Transformation

Ok, I hope I’m following. If you want to add social icons to your topbar you can do so by setting Enable widget area in right of Topbar? to On from Theme Options > Topbar Settings. Then navigate to Appearance > Widgets and add the Virtue: Social links widget to your topbar.
Hope that’s helpful!

Hannah

Perfect! Thank you.. Thank you..

https://s27.postimg.org/deoqznun7/topbarcapture.png

Great! Is this working as you wanted?

Hannah