Docs

[koruailimited]

Hello,

I have 2 widgets in the header1.
But i want to have them in the top bar.
How can i move them?

Thanks

[Rahul]

Hey There,

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.

[koruailimited]

This reply has been marked as private.

[Rupok]

Hi there,

You can’t actually use the widgets within Topbar. But you can place your content within Header > Topbar Content. You can use your own HTML to achieve this.

Thanks!

[koruailimited]

well, sorry, but actually you can use it … https://community.theme.co/forums/topic/add-a-widget-to-the-topbar/ but the problem is each widget is in one different line, so the topbar is too big. How can i have all in the same line???

OR, In other hand, i have tried your idea. but appear 2 times, doesn’t work good and the same problem with the different lines. How can i resolve this?

[Jade]

HI there,

Please add this code in the customizer:

.x-topbar .p-info {
    float: left;
    margin-top: 15px;
}

div#woocs_selector-6 {
    float: left;
    margin: 8px 0 0 8px;
}

.x-topbar .x-social-global {
    margin-top: 10px;
}

Hope this helps.

[koruailimited]

Thanks… works good!!

is there a way to set the “woocs_selector-6” always in the middle of the topbar? doesn’t matter if users are using a latop, tablet or telephone?

Thanks again

[Paul R]

Hi,

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

.x-topbar div#woocs_selector-6 {
    left: 50%;
    position: absolute;
    float: none;
    margin: 0px 0 0 -55px;
}

Hope that helps.

[Author]

Posts