[Theme: Custom Community] Header Formatting Issues

[Taylor.S.Mefford]

Hey everyone!

First off, I AM new to this, but I’m working on a website for myself that will be mostly a porfolio for myself. I am getting into the finishing stages and i’ve run into a little bit of some unwanted formatting, I suppose?

My site is:
taylormefford.com

I took off my coming soon page so you guys can take a look at my issue.

The problem resides with the header area. I have my Social Media Links Menu (Top Right), my Main Logo (Middle Left), and then my main navigation menu (Bottom).

As you can see, the Social Media Menu is all the way at the top, right to the edge, i’d prefer a little bit of space there, and also after implementing the Social Media Menu my main logo moved too close to my Main Navigation Menu. And the space between my Main Logo and my Social Media Menu is a bit big for preference (but I can deal with it)

Does anyone know what I could do to fix this, i’ve searched throughout the editor and can’t seem to find where I could fix this.

[CrouchingBruin]

Does anyone know what I could do to fix this, i’ve searched throughout the editor and can’t seem to find where I could fix this.

Do not edit your theme’s files directly. If your theme doesn’t support a Custom CSS option, then install a CSS plugin to add the rules below.

To adjust the spacing of the media menu:

#menu-social:
{
   margin-top: 5px;
   margin-right: 15px;
}

The value for margin-top adjusts the spacing above, the value for margin-right will adjust how much space is on the right. Adjust to fit your needs.

To move the logo up:

#logo {
   margin-top: -25px;
}

Again, adjust as necessary. A negative value moves the element up, a positive value moves the element down.

[Taylor.S.Mefford]

Thank you very much CrouchingBruin,

this solved my issue completely!

[CrouchingBruin]

Oops, sorry. You need to remove the colon (:) from the end of #menu-social so it looks like this:

#menu-social
{
   margin-top: 5px;
   margin-right: 15px;
}