Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

How to place a menu at the entire top of the layout?

Old Jun 10, 2013, 02:08 PM
Danielwerner's Avatar
94 posts · Jul 2009

I'm wondering how to place my menu so it fills the entire top of the layout. I don't want any padding between the layout border and the menu.

Here's an example of what I mean: http://chestofcolors.com/

Also: Is it possible to create a gradient effect on the menus? As of now they seem a bit dull at times.

Thanks in advance; can't get my head around this. I'm a css-newbie.
Old Jun 10, 2013, 03:41 PM
Danielwerner's Avatar
94 posts · Jul 2009
I changed a bit in the css, but that will only set round corners for the top corners. The result will be that ALL pages have the rounded corners. I just want the actual corners to have them, and the middle pages not.

... It can't be done, can it?

/* round corners for menu bar items */
div#menu1 ul.rMenu li, div#menu1 ul.rMenu li a {
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
div#menu2 ul.rMenu li, div#menu2 ul.rMenu li a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
Old Jun 10, 2013, 06:12 PM
lmilesw's Avatar
10,174 posts · Jul 2009
Central New York State USA
This would take quite a bit of "playing" with CSS. I would probably use the UberMenu plugin from CodeCanyon. You would still have to tweak the CSS but the look and feel would be more in keeping with your example site.
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Extend menu background across entire page prooffairy Header configuration & styling 4 Mar 22, 2013 06:54 AM
Atahualpa menu bar span entire page???? edaddy Page & Category Menu Bars 12 Jun 19, 2012 03:49 PM
Can I remove the entire menu bar from just one page? Shama Header configuration & styling 6 Dec 12, 2010 05:49 PM
want to place clickable icons in place of links (Home, About, etc.) agrossman Header configuration & styling 2 Aug 13, 2009 03:45 PM
how to shift the text in menu bar without shifting the entire side bar? collymore Page & Category Menu Bars 10 May 9, 2009 07:29 PM

All times are GMT -6. The time now is 10:56 AM.

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