I want my header to be in the middle.

Status
Not open for further replies.

Seasonal

New member
Hi I just want my header to fit into the middle and I have no css or any coding talents what so ever if someone could just help me by setting it in the middle in this code
// MAIN HEADER ROW

.p-header
{
.xf-publicHeader();

a
{
color: inherit;
}
}

.p-header-inner
{
.m-pageWidth();
.m-pageInset();
}

.p-header-content
{
padding: @xf-paddingMedium 0;

display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
max-width: 100%;
}

.p-header-logo
{
vertical-align: middle;
margin-right: auto;

a
{
color: inherit;
text-decoration: none;
}

&.p-header-logo--text
{
font-size: @xf-fontSizeLargest;
}

&.p-header-logo--image
{
img
{
vertical-align: bottom;
max-width: 100%;
max-height: 200px;
}
}
}

@media (max-width: @xf-publicNavCollapseWidth)
{
.has-js .p-header
{
display: none;
}
}

@media (max-width: @xf-responsiveNarrow)
{
.p-header-logo
{
max-width: 100px;

&.p-header-logo--text
{
font-size: @xf-fontSizeLarge;
font-weight: @xf-fontWeightNormal;
.m-overflowEllipsis();
}
}

}
 
Status
Not open for further replies.
Top