Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

[SOLVED] Superimpose the page menu over the header image


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Mar 7, 2011, 04:31 AM
GrahamW
 
95 posts · Jul 2010
I'm trying to superimpose the page menu over the header image.

Here's my site: www.the-confidant.info

And here's one that has this (simply as an example to see what I mean): www.geraldwoolfson.co.uk

Any help would be much appreciated.

Thanks, Graham.
  #2  
Old Mar 7, 2011, 04:34 AM
juggledad's Avatar
juggledad
 
22,097 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
use a negative magin
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Mar 7, 2011, 07:17 AM
GrahamW
 
95 posts · Jul 2010
I'm sorry, I'm obviously not understanding quite right. Which margin should be negative? I can't see a margin setting for the menu and when I introduce a bottom margin for the header image it doesn't seem to do anything.

Thanks
Graham
  #4  
Old Mar 7, 2011, 07:46 AM
juggledad's Avatar
juggledad
 
22,097 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
sorry I should have said 'position' . You want to position the element with a negative value.
This is where using Firebug in FireFox will come in handy. You can view the elements and then add in CSS to change the position to relative and change the top value to a negative number to move it up the page.
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #5  
Old Mar 7, 2011, 10:53 AM
GrahamW
 
95 posts · Jul 2010
Sorry, I don't know anything about CSS, other than copying other people's ideas. Could you point me to somewhere I can find an example of what I need to do?

Thanks, Graham.
  #6  
Old Mar 7, 2011, 03:44 PM
GrahamW
 
95 posts · Jul 2010
Supplementary question - would the same process also be used to shift the header image up the screen so that it is directly at the top?

Many thanks
Graham.
  #7  
Old Mar 7, 2011, 04:08 PM
juggledad's Avatar
juggledad
 
22,097 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
try this in CSS inserts
HTML Code:
div#menu1 ul.rMenu {
    position: relative;
    top: -17px;
}
for the second issue, change the 'padding: 20px 0;' at ato->Body, Text & Links->Body Style.

and I would suggest going thru the CSS tutorials at http://w3schools.com/css
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #8  
Old Mar 8, 2011, 03:05 AM
GrahamW
 
95 posts · Jul 2010
Brilliant!

Thank you VERY much.

The price of a modest bottle of wine has been donated.

Best wishes
Graham.
  #9  
Old Mar 8, 2011, 03:15 AM
GrahamW
 
95 posts · Jul 2010
Ah.... Not QUITE so fast.

I've shifted it up as I'd wanted, but now the sub menus under "Articles" and "Other..." which were created with the custom menu tool aren't working.

Are these related and any ideas on how to resolve it?

Thanks
Graham.
  #10  
Old Mar 8, 2011, 04:29 AM
juggledad's Avatar
juggledad
 
22,097 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
When the menu is moved up, it ends up under the header image which is why the hovers don't work. You need to add a 'z-index' to put it on top of the header. Add 'z-index:10;' to the other CSS
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #11  
Old Mar 9, 2011, 10:25 AM
GrahamW
 
95 posts · Jul 2010
Brilliant. Thanks very much - all sorted.

Last edited by GrahamW; Mar 9, 2011 at 10:48 AM.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to position Page Menu Bar over Header Image? hyperkurt Page & Category Menu Bars 5 Nov 17, 2012 04:02 AM
Menu under Header Image on Specific Page Cathy131 Page & Category Menu Bars 5 Mar 5, 2011 04:07 AM
Changing the Page Menu Bar to be below Header Image kiratiana Atahualpa 3 Wordpress theme 7 Apr 28, 2010 12:18 PM
[SOLVED] Page Menu on Header image dougfoot Page & Category Menu Bars 3 May 30, 2009 04:37 PM
How to put the page menu bar under the header image? manu Page & Category Menu Bars 1 Mar 9, 2009 08:39 AM


All times are GMT -6. The time now is 03:01 PM.


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