Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   [SOLVED] position the Page Menu within the header using css (http://forum.bytesforall.com/showthread.php?t=3255)

Dockery Sep 3, 2009 12:09 AM

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

Dockery Sep 4, 2009 10:07 AM

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

dougc Feb 4, 2012 12:38 AM

Thanks. All these years later, this still helped me get my main Pages menu within my header.
Doug


All times are GMT -6. The time now is 05:29 PM.

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