• 0
Sign in to follow this  
Followers 0

header has too much white space

Question

Posted · Report post

1. want to close up the whitespace between the header and the content. css please?? : )

Share this post


Link to post
Share on other sites

17 answers to this question

  • 0

Posted · Report post

have found and tried all of this - switched to brandnav and have the image low on the page but i need to have the menu on the bottom just barely over the feature... nothing has helped that so far.... Can't show this to my client until I get it to look more like the site that she loved... #.inline-nav.main_nav, #inline-nav.main_nav { position: relative; bottom: -20; left: 0; } .inline-nav.main_nav, "position:relative" and the position it with "top" and "left". #branding {margin-bottom: -80px;} #primary-nav {margin-top: -80px;} http://demo.pagelines.com/scoop/

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

My advice is to use a transparent PNG file for your logo. The logo is pushing the content down. Change your custom code to: [code]#brandnav .mainlogo-link, #brandnav .brandnav-img { float: right; margin-top: -16px; }[/code] [code]#brandnav .brandnav-nav { margin-top: 100px; }[/code] I know it does not look okay, it is to show what you can do. Does this help?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

oops - will try the code! thanks!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Have you tried the code I provided? On my browser it overlaps the slider with about 10px. With the CSS code in place it should put the menu right down to the slider. The dynamic width of the framework will cause some unwanted effects with a narrow browser window though.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Jackey, not quite - the jpg is cut to where the bottom of the large 'N' is so a transparent gif or png wouldn't change anything - am playing with the numbers - but now nothing is on the bottom against the content - tho the menu did move down! #brandnav .mainlogo-link, #brandnav .brandnav-img { float: right; margin-top: 50px; margin-bottom: 0px; } #brandnav .brandnav-nav { margin-top: 150px; float: left; margin-bottom: 0px; }

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

This code will put the features right up agains the brandnav. Please look closely to the code... the selectors PageLines provide in their Framework make sense! [code]#brandnav .content-pad { padding-bottom: 0; }[/code] [code]#features .content-pad ( padding-top: 0; }[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

again now nothing is on the slider - all is hanging mid header. i have checked off to remove the rss & the search fields if that is causing this..

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

last code did help a little but there is a large white space above and a smaller white space below the brandnav now... going to eat dinner - will check back shortly - really appreciate your help!!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

While you where eating.... ;) [code]#brandnav .brandnav-nav { margin-top: 123px; float: left; margin-bottom: 0px; } #brandnav .content-pad { padding-bottom: 0; } #features .content-pad ( padding-top: 0; }[/code] [IMG]http://i.imgur.com/xn9mv.jpg[/IMG]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

anyone else with any ideas? thanks!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

When you switch menu types the code won't work. Success...

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

nevermind thanks to you I got it! using the content padding 0px as well - now i just have to change the logo to a png before i show it off! Thank you soooo much!! switched to branding because the nav bar is where it belongs to start with. #branding .mainlogo-link, #branding .mainlogo-img { float:right; padding-bottom: 0px; margin-bottom: -50px; } #brandnav .mainlogo-link, #brandnav .brandnav-img { float:right; } #brandnav .mainlogo-link, #brandnav .brandnav-img { padding-bottom: 0px; } }

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

OMG Jackey - just saw what you did!! thank you!!!!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

You want the nav to touch the feature slider? Then add: [code]#features .content-pad ( padding-top: 0; }[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

yes - but when i used your code and went back to brandnav - the logo didn't stay right - so i went back to using my code above for branding and will change the logo to a png... one more issue - will start a new topic. could not have done this w/o your code thank you!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Is this issue resolved ?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

yes thanks - thought hitting accept was enough - will look futher...

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0