Category Menu Bar: Subcategory Indicator Arrows
 

May I ask if it is possible to have a third option for the Category Menu Bar subcategory indicator arrows:

3. none

(already there: 1. white, 2. black)

I've tricked them into half-disappearance through color-effects and added HTML-Spaces on my site, though...-)

Ideally (and loyal to Atahualpa's "anything goes" approach) alternative characters could be configurable in admin, but this is probably asking too much (again)...-)

I just asked this question the other day. Go into the actual code and search for the arrows image (i forget what it's called but if you look in the theme images you will figure it out). Once you find where they occur (they are set as a background image), remove them as the background image.

After that, insert the code as instructed in this post

That will take away the extra space that was allocated for the arrows.

"Go into the actual code" does not sound good in terms up the upgradable concept of Atahualpa... maybe Flynn will/wants to/can think of something more permanent?-)

I might add that in a later version but too many other to-do things have piled up. You can add a CSS Insert

Oh, that's cool... never harms to know your share of CSS...-)

Hi,

as well stuck with the same issue: Category Menu Bar subcategory indicator arrows
I don't want no arrows and no extra space.

Where exactly do I insert the html code (from post Mar 2, 2009, 11:03 AM Flynn) "I might add that in a later version but too many other to-do things have piled up. You can add a CSS Insert"

Tried several options but due to my non-knowledge I did not get any result.

Thanks

did you try adding the CSS to ATO->Add HTML/CSS Inserts->CSS Inserts?

Yes, reads like this right now on my page (ATO->Add HTML/CSS Inserts->CSS Inserts):



div#menu1 {
padding-left: 200px;
}

div#menu1 ul.rMenu li.rMenu-expand a,
div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand a,
div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand a
{
background-image: none;
padding-right: 5px;
}

div#menu1 ul.rMenu-hor li.rMenu-expand a
{
background-image: none;
padding-left: 5px; /* reset padding */
padding-right: 5px;
}



Result: the arrows disappear, but the extra blank space still exists.

Cheers

did you try adjusting ATO->Category Menu Bar->Width of Sub Menus ??

Hi

I have the exact same problem.
I want to remove the arrows from my menu, tryed to add the code above to insert css
but nothing happend.
Shuld i do anything beside adding this code to the insert css?


Anna

recheck the code you entered, I just retested it (the code from post 8) and it worked as expected.
without knowing your URL there is no way to help you.

Hello,

I've just tried adding the above CSS insert - copied and pasted, very carefully - but nothing happened either.

I'm using Atahualpa 3.5.3., Wordpress 3.0.4, and the URL I'm working on is:

http://www.spiritteacher.co.uk/

Thanks
Josie

I don't see that code in your page. did you add it to the css inserts?

I did add it to start with, but because it didn't do anything, I took it out again. Doh!! Will put it back.

*Edit*. I solved it. I realized that the code was referring to menu1, which is the page menu. However, I'm using the category menu, which is menu 2. So I just changed the menu1 references to menu2. Bingo, works perfectly.

Hopefully my error, realized and corrected, will help others with this! Thanks for your patience.

Josie :-)

and, here is the code. As mentioned, I'm on Wordpress 3.0.4 and Ata 3.5.3 at the time of writing this. I went into Atahualpa Theme Options >> Various Content Items near bottom of list of options >> Add HTML / CSS Inserts. In the bottom box, CSS Inserts, I pasted the following code right at the end - it doesn't seem to matter where it's placed, so long as it's there?

nb: this is for menu2, the category menu. If it were menu1, the page menu, then Flynn's code in post 4 of this thread would be applicable.


div#menu2 ul.rMenu li.rMenu-expand a,
div#menu2 ul.rMenu li.rMenu-expand li.rMenu-expand a,
div#menu2 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
div#menu2 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
div#menu2 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand a
{
background-image: none;
padding-right: 5px;
}

div#menu2 ul.rMenu-hor li.rMenu-expand a
{
background-image: none;
padding-left: 5px; /* reset padding */
padding-right: 5px;
}