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] position the Page Menu within the header using css


  #1  
Old Sep 3, 2009, 12:09 AM
Dockery
 
6 posts · Sep 2009
I am trying to mimic a design look, and need to position the page menu within the header.

If I try to change the menu using css, it either won't work, puts a white block over my logo, or lifts my banner image over my logo.

I would like the header in ** deleted due to fix ** My Website

to match ** deleted due to fix ** an HTML Webpage I've built

the page menu seems to overlap the revolving banner %image slightly, and I do not know how to raise the page menu UP into the header area. How can I change this? Can I change it will css?

Thanks!

Last edited by Dockery; Sep 4, 2009 at 10:10 AM. Reason: Pages have been fixed, you can no longer see the problem.
  #2  
Old Sep 4, 2009, 10:07 AM
Dockery
 
6 posts · Sep 2009
Alright!

The solution had 3 steps:

#1 Change the Page Menu background to transparent
#2 Raise the Page Menu into the header area with a negative Margin
#3 Push the %image banner down with a bottom margin.

CSS was added to the control panel in:
Appearance >> Atahualpa Theme Options >> Various Content Items >> Add HTML/CSS inserts

================================================== ==========

ul.rMenu {
/* This changes the background to transparent /*
background: transparent;
}
ul.rMenu-hor li {
position:relative;
/* This moves the Page Menu up into the header /*
margin-top: -22px;
margin-right:20px;
/* This moves the %image down so that it does NOT overlap my image. Adjust yours as needed. /*
margin-bottom:5px;
}
  #3  
Old Feb 4, 2012, 12:38 AM
dougc
 
41 posts · Nov 2009
Thanks. All these years later, this still helped me get my main Pages menu within my header.
Doug
__________________
Atahualpa 3.7.10 | Wordpress 3.5 | Mac OS 10.6.8

Bookmarks

Tags
alter, change, css, header, position



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 05:02 AM
Hello, I want more ads position ncp001 Forum How-To 1 Aug 21, 2009 06:09 AM
CSS and Header pctechb Header configuration & styling 4 May 5, 2009 06:18 PM
Can I move the Page Menu *under* Header? krystyna Page & Category Menu Bars 1 Apr 30, 2009 12:25 PM
Sidebar position Alex Atahualpa 3 Wordpress theme 2 Feb 27, 2009 12:46 AM


All times are GMT -6. The time now is 11:26 AM.


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