Jump to content


Photo
- - - - -

header has too much white space


  • Please log in to reply
17 replies to this topic

#1 scoop

scoop

    Super Member

  • Members
  • 207 posts
  • LocationHK/USA
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 25 January 2012 - 06:11 AM

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

#2 scoop

scoop

    Super Member

  • Members
  • 207 posts
  • LocationHK/USA
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 25 January 2012 - 10:44 AM

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;}

Please Login or Register to see this Hidden Content



#3 Jackey

Jackey

    Advocate

  • Members


  • 685 posts
  • LocationHelmond
  • Country: Country Flag

Posted 25 January 2012 - 10:52 AM

My advice is to use a transparent PNG file for your logo. The logo is pushing the content down.

Change your custom code to:

Please Login or Register to see this Hidden Content


Please Login or Register to see this Hidden Content



I know it does not look okay, it is to show what you can do. Does this help?

#4 scoop

scoop

    Super Member

  • Members
  • 207 posts
  • LocationHK/USA
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 25 January 2012 - 11:17 AM

oops - will try the code! thanks!

#5 Jackey

Jackey

    Advocate

  • Members


  • 685 posts
  • LocationHelmond
  • Country: Country Flag

Posted 25 January 2012 - 11:18 AM

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.

#6 scoop

scoop

    Super Member

  • Members
  • 207 posts
  • LocationHK/USA
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 25 January 2012 - 11:29 AM

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; }

#7 Jackey

Jackey

    Advocate

  • Members


  • 685 posts
  • LocationHelmond
  • Country: Country Flag

Posted 25 January 2012 - 11:32 AM

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!

Please Login or Register to see this Hidden Content


Please Login or Register to see this Hidden Content



#8 scoop

scoop

    Super Member

  • Members
  • 207 posts
  • LocationHK/USA
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 25 January 2012 - 11:33 AM

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..

#9 scoop

scoop

    Super Member

  • Members
  • 207 posts
  • LocationHK/USA
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 25 January 2012 - 11:38 AM

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!!

#10 Jackey

Jackey

    Advocate

  • Members


  • 685 posts
  • LocationHelmond
  • Country: Country Flag

Posted 25 January 2012 - 11:51 AM

While you where eating.... ;)

Please Login or Register to see this Hidden Content


Posted Image

#11 scoop

scoop

    Super Member

  • Members
  • 207 posts
  • LocationHK/USA
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 25 January 2012 - 12:30 PM

anyone else with any ideas? thanks!

#12 Jackey

Jackey

    Advocate

  • Members


  • 685 posts
  • LocationHelmond
  • Country: Country Flag

Posted 25 January 2012 - 12:44 PM

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

#13 scoop

scoop

    Super Member

  • Members
  • 207 posts
  • LocationHK/USA
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 25 January 2012 - 12:49 PM

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; } }

#14 scoop

scoop

    Super Member

  • Members
  • 207 posts
  • LocationHK/USA
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 25 January 2012 - 12:52 PM

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

#15 Jackey

Jackey

    Advocate

  • Members


  • 685 posts
  • LocationHelmond
  • Country: Country Flag

Posted 25 January 2012 - 12:52 PM

You want the nav to touch the feature slider?

Then add:

Please Login or Register to see this Hidden Content



#16 scoop

scoop

    Super Member

  • Members
  • 207 posts
  • LocationHK/USA
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 25 January 2012 - 01:03 PM

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!

#17 Danny

Danny

    Is Awesome!

  • Moderators
  • 16897 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 25 January 2012 - 01:27 PM

Is this issue resolved ?

#18 scoop

scoop

    Super Member

  • Members
  • 207 posts
  • LocationHK/USA
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 25 January 2012 - 02:36 PM

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