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 » Page & Category Menu Bars »

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


  #1  
Old Jun 10, 2013, 01:08 PM
Danielwerner's Avatar
Danielwerner
 
94 posts · Jul 2009
How to place a menu at the entire top of the layout?

Hi,

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.
__________________
http://blogg.danielwerner.se/
  #2  
Old Jun 10, 2013, 02:41 PM
Danielwerner's Avatar
Danielwerner
 
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?

Code:
/* 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;
}
__________________
http://blogg.danielwerner.se/
  #3  
Old Jun 10, 2013, 05:12 PM
lmilesw's Avatar
lmilesw
 
10,176 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.

Bookmarks

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 05:54 AM
Atahualpa menu bar span entire page???? edaddy Page & Category Menu Bars 12 Jun 19, 2012 02:49 PM
Can I remove the entire menu bar from just one page? Shama Header configuration & styling 6 Dec 12, 2010 04:49 PM
want to place clickable icons in place of links (Home, About, etc.) agrossman Header configuration & styling 2 Aug 13, 2009 02: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 06:29 PM


All times are GMT -6. The time now is 07:32 AM.


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