Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

Page menu bar: Styling sub menus


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Oct 31, 2010, 01:19 AM
unelma
 
18 posts · Oct 2009
I have been trying to find answer for this question:

I have got horisontal page menu bar, which is in: ATO>Configure Header Area>%logo %pages

How I can style sub menu?

I want to remove it to the left sidebar under the first level page menu bar.
And also I want it is visible only when user has been clicked the parent page, not that default roll-over effect.

Thanks for lot.
Unelma

WordPress 3.0.1.
Atahualpa 3.4.9
  #2  
Old Oct 31, 2010, 06:23 AM
juggledad's Avatar
juggledad
 
22,326 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
What is the URL that shows the issue?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Oct 31, 2010, 07:06 AM
unelma
 
18 posts · Oct 2009
I made example picture for you and send it by PM.

It is very important that when the customer creates new page, and chose the right parent for it, the sub page will automatically come to the second or third level menu.

The question is what is the best way to do navigation like that?

Thanks very much for help, I have this porblem in two wp site, and I´m very gratefull if you can help me.

Thanks,
  #4  
Old Oct 31, 2010, 08:45 AM
unelma
 
18 posts · Oct 2009
Hi,

okei,

I inserted this to Ato> Css inserts

ul.rMenu li.current_page_parent {
background: #00ffff !important;
}

And it works fine in second level sub page. Parent page is highlighted in sub page.

But it doesn´t work in third level subpage.
  #5  
Old Oct 31, 2010, 02:19 PM
juggledad's Avatar
juggledad
 
22,326 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
each level of the menu is a LIST, so if you have three levels you have a LIST inside a list that is inside a list or in html terms
<UL>
<LI>...</LI>
<LI>...</LI>
<UL>
<LI>...</LI>
<LI>...</LI>
<UL>
<LI>...</LI>
<LI>...</LI>
</UL>
<LI>...</LI>
</UL>
<LI>...</LI>
</UL>
your CSS only addressed two levels, you need to address the third level.

The menu styling is the most complicated in the theme, there are about 400 lines of CSS selectors and rules for the menus (seven levels!).
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Nov 16, 2010, 01:15 AM
derekwbeck
 
151 posts · Nov 2010
being that these are the most complicated, i'm loathe to attempt to change my menus... is there an easy way to split the styling for the menus from other ordinary lists? (I don't like the spacing for the lists, but saw it effects the spacing of my menu buttons, so left it)

all i really want to do is give my menus a transparent background (which the GUI does not allow) and set only the top and bottom borders to have a color...

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Details about centering the menu on menu bar (child drop-down menus become unalligned jstein Page & Category Menu Bars 2 Oct 24, 2010 10:56 AM
Hiding indiviual sub-menus in page menu bar dakodasara Page & Category Menu Bars 1 Jul 19, 2010 11:41 PM
white in page menu bar, sub-menus cway Page & Category Menu Bars 1 Jul 16, 2010 03:50 PM
Page Menu Bar Styling chair Header configuration & styling 1 Aug 1, 2009 07:06 AM


All times are GMT -6. The time now is 02:26 PM.


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