X: Cannot edit Topbar. How to edit Social Links and everything in the Topbar

[Maik]

Hello,

Why there is no way to edit the topbar properly?
When I fill anything in Appearance/Customizer/Header/Topbar then nothing shows up.

I found some Css to hide the social icons… but that is not the best way it think…leave it there useless just hide…
.x-topbar .x-social-global {
display: none;
}

In google I find an explanation/guide with nice menu. Appearance> customizer>topbar… but this menu doesn’t exist in my latest updated X version.

I basically want to add Phone Number and maybe some social icons.

Thank you for clarification

Maik

[Joao]

Hi There,

Please use X > Theme Options > Header instead of Appereance > Customizer Header.

On X > Theme > Options > Header you can turn on the topbar content and you will have the topbar content field.

Out of the box your content will be on the left side of the topbar while the social icons will be on the right.

On X > Theme Options > Social you can add your social links., if you leave the fields empty the respect icon will disappear.

If you wish to hide all social icons on the topbar you can use the CSS code you found and add it to X > Theme > Options > CSS

Hope it helps

[Maik]

Thank you! Now I found where to get rid of the social buttons.

I have had already placed content in that field but as the fontcolor is white, I wasn’t able to see.

Can I specify the fontcolor for the topbar only?
Because I want to keep white as fontcolor for my navbar.

Thank you for great support!

Maik

[Joao]

Hi Maik,

Please add the following code to Theme Options CSS

.x-topbar .p-info {

    color: blue !important;
}

Hope it helps!

[Maik]

@Joao that helped a lot! : thank you.

But now i still have the links in white color first and blue on hover only.

I tried to add hover #0066a6 !important; but it didn’t work out.

Sorry for trouble u again.

Thank u

[Joao]

Hi THere,

In that case you can add also :

.x-topbar .p-info a {

    color: blue !important;
}

Hope it helps!

[Maik]

Thank you very much!! It worked like charm

[christopher]

Glad that we could be of a help