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] Superimpose the page menu over the header image


  #1  
Old Mar 7, 2011, 04:31 AM
GrahamW
 
101 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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
use a negative magin
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Mar 7, 2011, 07:17 AM
GrahamW
 
101 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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Mar 7, 2011, 10:53 AM
GrahamW
 
101 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
 
101 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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Mar 8, 2011, 03:05 AM
GrahamW
 
101 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
 
101 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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #11  
Old Mar 9, 2011, 10:25 AM
GrahamW
 
101 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 11:15 AM.


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