CSS alignment issue

[valeoadmin]

Hey there,

Stuck on a small CSS issue with aligning things inside the nav bar.

If you take a look at dev.valeonetworks.com you’ll see that the email and phone number line in the nav bar are not right in the middle (http://prntscr.com/n3ry2a), there is a bigger space above them then below them.

However I can’t figure out how to get it to align vertically correctly. I don’t know what would be forcing it down within the nav bar.

Any help would be great

Thanks!
Ryan

[rad]

Hi Ryan,

Thanks for reaching out.

It seems to be aligned with the container, what’s not aligned is the logo so the text appears that it’s not aligned. But, if you wish to center align it to the logo then please change your Custom CSS to this

.x-brand::after {
    content: "[email protected]|888.806.3601 ";
    color: #fff;
    margin: 0px 0px 0px 15px;
    font-size: 14px;
    font-family: "Lato",sans-serif;
    letter-spacing: 0.2em;
    height: 100%;
    position: relative;
    top: -5px;
}

Hope this helps

[valeoadmin]

Perfect! Didn’t know I could do top: -5px;

Thanks for the help!

[ruenel]

You’re welcome!
We’re glad @Rad were able to help you out.