Docs

[laurabm84]

Hello,

I am finding imposible to centre my logo with the menu horizontally like this:

+===========+
+===========+
+===LOGO====+ home, menuitem1,menuitem2,menuitem3,menuitem3
+===========+
+===========+

I have tried to play with the header customizer, but met no success.

How could I fix it?

[Thai]

Hi There,

Please provide us with your website URL so we can take a closer look.

Thank you.

[laurabm84]

http://www.notjustwords.eu

[Darshana]

Hi there,

First locate the following code that you have added.

.x-brand {
    color: rgba(249, 249, 249, 0);
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.031em;
    margin-top: 50px;
}

Then change margin-top: 50px; to margin-top: 30px;

Also add the following CSS rule into your Customizer, Custom > CSS area.

.x-navbar {
    min-height: 80px;
}

Hope that helps.

[laurabm84]

Where is that coding located?

First locate the following code that you have added.

.x-brand {
color: rgba(249, 249, 249, 0);
font-family: Arial,”Helvetica Neue”,Helvetica,sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
letter-spacing: -0.031em;
margin-top: 50px;
}

[laurabm84]

Sorted! Thanks!!!!! 🙂

[Rupok]

Hi there,

It seems you have added this under Custom > CSS in the Customizer. So let’s find that from there. As you have added this; you should find that. If you still can’t; let’s add this under Custom > CSS in the Customizer.

.x-brand {
  margin-top: 30px !important;
}

Hope this helps.

[Author]

Posts