add blocks to the widget area

I think it works better when I add those gp social button as widgets in the toolbar ... what do you think ?
Also the buttons are not net and sharp ...

Hello

I would like to have the three buttons justify on the right of bar. Can you please provide me with the css.

Also the search widget will appear after navigation in the left bar. Is it possible to have it showing before navigation ?

Thanks

Lets deal with the Top Bar first.

Try this CSS:

.top-bar.top-bar-align-center .widget:first-child {
    margin-left: unset;
}

.top-bar.top-bar-align-center .widget:last-child {
    margin-right: unset;
}

.top-bar .inside-top-bar {
    justify-content: space-between;
}

Hello,

Now the secondary menu is too much on the left- how can I center it? - thanks

Remove that CSS.
And try this:

@media(min-width: 769px) {
    .top-bar.top-bar-align-center .widget:first-child {
        margin: auto;
    }

    .top-bar .inside-top-bar {
        position: relative;
    }

    .top-bar.top-bar-align-center .widget:last-child {
        position: absolute;
        right: 20px;
    }
}

Perfect - thanks

Glad to hear that!