Nav Bar & Logo Alignment

Hi Nkar123,

You’ve linked to the localhost URL, so we cannot see your site.

But the preview already has the logo and menu to the left?

Hi Jesin,

See, I am totally clueless right now haha… but the generic layout is the same way. You see how it is aligned to the left? I want to push it further left to the edge of my screen… is this possible?

Try this CSS code:

#page-wrapper #masthead .full-container {
  margin-left: 0;
}

Can I put this anywhere in the stylesheet?

Use a custom css plugin and place the code in it.

Thank you! I will try this, hope it works! =)

It worked!! Thank you so much!!!!

Most welcome! ??

One more question though, how do I get my two links on the 2nd row to go up top so my nav bar is only one row?

It has 8 links total so 6 are on the first row then it pushes the last two underneath to the bottom left.

Add max-width to the custom CSS:

#page-wrapper #masthead .full-container {
  margin-left: 0;
  max-width: 1100px;
}

Increase its value accordingly.

I tried 11oopx and 1080px since I know the picture is 1080 pixels wide and it i as full screen but this did not work ??

Try larger values like 1500px. Also it is 1100px and NOT 11oopx.

I tried 1300px and it worked!

Jesin, what do you recommend that I use to learn more about css coding?!

Its been about a month I am messing around with this stuff, but seems like I have a very long way to go!

W3Schools.com has excellent tutorials along with “Try it Yourself” exercises.

Install the Firebug extension on Firefox, you’ll find it easier to pinpoint the exact styles that apply to a particular element.