Center the header

Hai there. Please try this css and put it in your custom css

.site-branding {float:none !important}
.site-title {text-align: center !important}
.site-description {text-align: center !important}

This should help. Thanks

Thanks. It worked. I was wondering how to I center the social media icons. The icons are really based is a social media widget that I placed on the header.

Thanks.

Once the earlier code is applied from azfy22 for the .site classes, if you take off the float: right out of this code it might work:

.site-header .widget {
/*float: right;*/
clear: right;
margin: 0 auto;
text-align: right;
border: none;
}

I place the code you provided and it didn’t work. When you say “if you take off the float: right out of….”, what exactly do you mean by that?

Thanks.

Hai there, put this css in your custom css. If its not working, add !important just like the css i give u before

.site-header .widget {
float: none;
}