Docs

[Spaulding.daniel]

Hey there, I’m having a little trouble getting my top bar content to align under my social media icons on the right of my header. Could you help me with this? Also, is there a way to make the phone number a clickable link when viewed on a mobile device?

[Spaulding.daniel]

This reply has been marked as private.

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.x-topbar .p-info {
    margin-top: 25px;
    margin-left: 10px;
}

Please use following code to have clickable smartphone link:

<a href="tel:405.317.1839">405.317.1839</a> 

Thanks.

[Spaulding.daniel]

Thank you for the clickable link for the telephone, but I might not have been clear on where I wanted it placed. I wanted the number to be placed under the icons. It would look like the icons were stacked on top of the number.

[Friech]

Hi There,

Thank you for the clarification, please provide us login credentials in private reply, so we can provide a tailore solution. We might need to do this with custom template, please ready your child theme.

Thanks.

[Spaulding.daniel]

This reply has been marked as private.

[Rad]

Hi there,

Please replace this CSS

.x-topbar .p-info {
    margin-top: 25px;
    margin-left: 10px;
}

with this

.x-topbar-inner {
    display: -webkit-box;
    display: -moz-box;
    display: box;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}

.x-topbar .p-info {
    clear: both;
    text-align: right;
    margin:0px 10px 15px 0px;
    float: none;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}
.x-topbar .x-social-global {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    float: none;
    text-align: right;

}

Cheers!

[Spaulding.daniel]

That worked great! Thanks! I do have another question regarding mobile sites and social media. Can I ask that here or should I make another thread?

[Christopher]

Hi there,

If it’s related to this topic, please ask us here. For new issues/questions, please open a new topic.

Thanks.

[Author]

Posts