[emocion]

Hi, I would like to improve a detail of my site.

There is an empty space between my logo header and the browser by default as you can see here: https://imageshack.com/i/exLaNTS1j

I would like to align with my header social icons as seen here : https://imageshack.com/i/ezBfY2hgj

How can i fix?

Thank you very much

[ahmetsali]

Hi, try this custom css code;

.site-header .social { text-align: center; }

[emocion]

Hi ahmetsali! Thanks but i think dont work.

¿What can i do?

[emocion]

Now i use this custom css code for the header of the picture (social icons are in text widget in header):

.site-header .social { text-align: left; margin: 0 0px 0px 0; }

.site-header .row {
position: relative;
}

.site-header .textwidget {
position: absolute;
top: 0;
}

@media screen and (max-width: 767px) {
.site-header .row {
position: relative;
}

.site-header .textwidget {
position: absolute;
top: 0;
}

[ahmetsali]

is it ok now? if not please provide your url to check what’s wrong.

[emocion]

Here it is: http://axiomatico.net , if you need access to the wp-login i can write an email with credentials.

Thanks.

[ahmetsali]

try this custom css code;

.site-header .textwidget .social {
    text-align: center;
}
.site-header .textwidget {
    width: 100%;
}

[emocion]

Hi Ahmetsali

As you can see here, there is an empty space at the top header, that’s what I want to remove >> https://imageshack.com/i/exLaNTS1j

I do not want center-align social widgets and header logo, what I want is that are in the same horizontal line but keeping the position, exactly like here >> https://imageshack.com/i/ezBfY2hgj

Sorry about the misunderstanding.

[ahmetsali]

i see, try this one;

.site-header hgroup {
    padding-top: 0;
}

[emocion]

Now perfect! Thank you very much for your support ahmetsali.