Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] Moved Menu Bar to Header Image - Space persists between header and body


  #1  
Old Jun 2, 2011, 11:56 AM
LA's FINE
 
6 posts · Sep 2010
[SOLVED] Moved Menu Bar to Header Image - Space persists between header and body

I inserted the following code at Inserts:

div#menu1 ul.rMenu {
position: relative;
top: -40px;
}

I succeeded in moving the menu bar onto the Header Image - but now there's a space between the header and the body... what am I missing?
  #2  
Old Jun 2, 2011, 12:04 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
I suggest you go read about CSS Positioning
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jun 2, 2011, 12:16 PM
LA's FINE
 
6 posts · Sep 2010
Thanks. Will do! Bookmarked.
  #4  
Old Jun 2, 2011, 01:16 PM
LA's FINE
 
6 posts · Sep 2010
OK... I'm clearly a CSS newbie... but I'm guessing that the problem has to do with position. If I set it to "relative", I can get the buttons in the right place, but there's still space between the header image and the body. The space goes away if I change the position to "fixed" or "absolute", but then the buttons don't stay in the right place when I resize.
  #5  
Old Jun 2, 2011, 04:17 PM
aQuickStudy's Avatar
aQuickStudy
 
43 posts · Mar 2010
You shouldn't need positioning for this. Without a link to the site it's impossible to troubleshoot, but I imagine you have extraneous padding or margins. I'd use Firebug to check it out.
  #6  
Old Jun 2, 2011, 04:34 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
if you are going to be playing with positioning, I suggest using a fixed width layout.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Jun 2, 2011, 04:40 PM
LA's FINE
 
6 posts · Sep 2010
It is fixed width. I guess where I'm having the learning problem is that I don't completely understand in this situation what relative positioning is relative to.

I have an image that I'm using as the header, and want the menu buttons to appear on the image. I was able to accomplish this by making the background transparent and moving the position of the menu up - but when I do this, a space persists between the image and rest of the content.

If I change from "relative", the space disappears, but the text position changes depending on the size of my browser window.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to remove space between header image and page menu bar? damian Forum How-To 2 Apr 13, 2011 12:40 PM
White space between header and menu bar cswphotography Header configuration & styling 2 Feb 14, 2011 04:12 AM
Space between the header image and menu bar rhenium3 Header configuration & styling 9 Dec 13, 2010 08:38 AM
Space between Header image and menu bar... Karl.uy Page & Category Menu Bars 0 Aug 5, 2010 04:27 PM
[SOLVED] Space between Header and Body papalagi Header configuration & styling 6 Nov 2, 2009 04:50 PM


All times are GMT -6. The time now is 09:05 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.