Docs

[Erman]

Hi,
I’m trying to place the buttons I created in the header topbar section next to the social buttons, but I can’t get it to work.
float:right changes the position, but it’s on the right side of the social buttons. Any idea? Thank you very much!

[Christopher]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Erman]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for updating. I can’t see any button on your Topbar – http://prntscr.com/awotqq

Would you clarify with a screenshot?

Cheers!

[Erman]

This reply has been marked as private.

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.x-topbar .p-info {
    float: right;
}

Hope that helps

[Erman]

Hi Paul,
thanks, and how can I move the social buttons to the right? The social buttons are now on the left of the links.

[Jade]

Hi there,

Please remove the code suggested previously and add this instead:

.x-social-global,
.x-topbar .p-info {
    float: none !important;
    display: inline-block !important;
}

.x-social-global a {
    position: relative;
    top: 2px;
}

.x-topbar-inner {
    text-align: right;
}

Hope this helps.

[Erman]

This reply has been marked as private.

[Prasant Rai]

Hello There,

Thanks for writing in!

I see that you have activated maintenance page on the website. Please share login details with us in a private reply.

http://prntscr.com/axc2wc

Thanks.

[Erman]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for updating. Kindly update the suggested code to following :

.x-topbar .x-social-global,
.x-topbar .p-info {
    float: none !important;
    display: inline-block !important;
}

.x-social-global a {
    position: relative;
    top: 2px;
}

.x-topbar-inner {
    text-align: right;
}

Hope this helps.

Cheers!

[Erman]

Thank you very much, it worked!!

[Prasant Rai]

You are most welcome. 🙂

[Erman]

This reply has been marked as private.

[Author]

Posts