Drop navigation menu bar 6"

• 

  winbiblecoach · Member · Jul 16, 2013 at 7:34 am

  • Copy link
  • Add topic to favorites

  I would like to drop my navigation bar about 6″ from the top of my homepage to allow my background color to appear above the nav bar _rendering homepage content to vertically float behind the nav bar.

  Please view wipoutreach.wordpress.com

  Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · Jul 17, 2013 at 1:52 pm

  • Copy link

  First, I think it would be helpful for you if you took a little time to review some basic HTML and CSS tutorials. For example, units on web pages are measured in things like pixels or ems, not inches. Here are a few good tutorials you can check out!
  http://www.htmldog.com/guides/htmlbeginner/
  http://www.htmldog.com/guides/cssbeginner/

  I’m not 100% sure from your description if this is what you’re trying to do, but try this example which adds some extra space above the header area. If you scroll, the content will show up in that space. I’m not sure this is what you were trying to explain, but it might help illustrate how the spacing and the header works a bit better for you.

  #masthead-wrap {
  	margin-top: 100px;
  }

• 

  winbiblecoach · Member · Jul 17, 2013 at 4:21 pm

  • Copy link

  YOU ARE THE BOMB—-that’s exactly what I wanted. Thanks a million…..

• 

  designsimply · Member · Jul 17, 2013 at 8:27 pm

  • Copy link

  Cool! :)