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 »

A menu above the layout?


  #1  
Old May 1, 2012, 07:54 AM
Danielwerner's Avatar
Danielwerner
 
94 posts · Jul 2009
Hi,

I'm wondering if it's possible to add a page menu above the layout. Like this one: http://saladgoesfat.blogg.se/index.html

When I try I can't get the menu above the layout. Is there a way to "unwrap" the layout from the menu?

You see how the page are appearing as they're behind the actual page. Is that possible with atahualpa, and if yes - how?

Kind regards,
Daniel
__________________
http://blogg.danielwerner.se/

Last edited by Danielwerner; May 1, 2012 at 08:12 AM.
  #2  
Old May 1, 2012, 08:36 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
You will have to make some other changes but here is an idea of a direction to go. Add this to CSS Inserts
HTML Code:
#menu1 {
    position: absolute;
    top: -30px;
}
__________________
~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.
  #3  
Old May 1, 2012, 08:51 AM
Danielwerner's Avatar
Danielwerner
 
94 posts · Jul 2009
Nice, that seems to have done the trick! Three questions though:

1. The position: absolute-thing, will that create a problem with different browsers/resolutions? Haven't used it so much.

2. The button is still round, I'd like only the top corners to be rounded. This is what my css looks like, but all corners are still round.

div#menu1 ul.rMenu-ver {
-moz-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
-khtml-border-radius-topleft: 5px;
-khtml-border-radius-topright: 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding: 5px;
/* the background color of sub-UL's must be set here */
background: #ccc;
box-shadow: 0 3px 10px #6663;
-moz-box-shadow: 0 10px 5px #666;
}

3. The border is still #ccc for the menu items, how do I change that? Couldn't find it in the css or the settings.
__________________
http://blogg.danielwerner.se/

Last edited by Danielwerner; May 1, 2012 at 08:56 AM.
  #4  
Old May 1, 2012, 07:33 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
I don't see that code on your page. What area of the theme options is that code you showed entered in?
__________________
~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.
  #5  
Old May 2, 2012, 01:34 AM
Danielwerner's Avatar
Danielwerner
 
94 posts · Jul 2009
Oh, sorry, should've mentioned that. It's http://testblogg.danielwerner.se where I do layout-tests.

It's in the css inserts.
__________________
http://blogg.danielwerner.se/
  #6  
Old May 2, 2012, 05:16 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
HTML Code:
div#menu1 ul.rMenu-ver
applies to a vertical or submenu, not the top lever menu
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old May 2, 2012, 06:08 AM
Danielwerner's Avatar
Danielwerner
 
94 posts · Jul 2009
I still don't know what to type to get only the top corners rounded, though.
__________________
http://blogg.danielwerner.se/
  #8  
Old May 2, 2012, 06:43 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
First thing is to figure out what CSS is effecting the corners. I would go thru your CSS Inserts and remove them all and add them in a couple at a time and this way you should find the code that is causing the rounded corners. Then you can change teh CSS to just create teh corners on the top. If you do a google search with 'css border-radius' you should find the syntax you need.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by lmilesw; May 2, 2012 at 07:20 AM.

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
Page menu bar buttons the same flexible width like fluid layout Tigger Page & Category Menu Bars 6 May 14, 2011 12:58 PM
How to extend page menu background color across layout MacMacGA Page & Category Menu Bars 3 Aug 26, 2010 04:01 PM
How to put categories instead of page menu, WITHOUT using the Configure Layout option rhythm Header configuration & styling 1 Mar 9, 2010 04:35 AM
[SOLVED] Layout WIDTH vs. Layout Container Olivier Header configuration & styling 2 Jul 13, 2009 06:18 PM
how to extend the added image to your layout width in menu bars? and some other Q's ppat2 Page & Category Menu Bars 1 May 5, 2009 05:28 PM


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


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