Docs

[mkdigitalpt]

How can I add the phone symbol + numbers on the menu header or top menu?
Now, this is what I have in the top menu: http://test2.psicoajuda.com/2016/11/04/impacto-da-separacao-nos-filhos-adolescentes/

I added “contacto”, but I want to replace the text by the phone symbol.

A better possibility is to place the phone symbol and numbers on the right side of the logo (in the menu header), because it stays visible when we scroll the page.

Thanks.

Cheers.

[Friech]

Hi There,

Thanks for writing in! Replace the “Contacto” with this:

<i class="x-icon x-icon-phone" data-x-icon="&#xf095;" ></i>

Placing a content on the right of the Logo requires a custom development, regretfully this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding.

[mkdigitalpt]

Hi,

It works fine!
Now, I’d like to increase the size of the social icons as well as the height of the topbar.
Is this possible?
Thanks.

[Jade]

Hi there,

Please try to add this code:

.x-topbar {
    min-height: 56px;
}

.x-topbar .x-social-global a i {
    font-size: 30px;
}

Hope this helps.

[mkdigitalpt]

Hi,

This is exactly what I’m looking for 🙂
Many thanks.

Cheers

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts