Wordpress Themes - WP Forum at BFA - How to Remove Menu Arrows

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)

- - How to Remove Menu Arrows (http://forum.bytesforall.com/showthread.php?t=22609)

How to Remove Menu Arrows

Hello guys,

Was just wondering if anyone knew how to get rid of the arrows for dropdown menus? And how to remove the spacing. Thanks

Did you search the forum? this has been answered before.

Hello Juggledad,

Thank you for the prompt reply. I have searched the forum. Most results show answers from about 2009 - 2011. I have tried adding the CSS inserts that have been suggested, but it doesn't seem to work. I don't know if its because I am using a different version of atahualpa or what.

what css did you try

Code:

div#menu1 ul.rMenu-hor li.rMenu-expand a {

        background-image: none;

        }

Code:

div#menu1 ul.rMenu-ver li {

margin: 0px;

padding: 3px;

}

Code:

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 

    {

    padding-right: 5px;

}

I tried plugging in these codes, but am not getting anywhere. I also read that I should make the arrow image 1 px. Should I do this instead of messing with CSS?

The menu arrows are a background image so you have to tell it not to display with this

HTML Code:

div#menu1 ul.rMenu-hor li.rMenu-expand a {

    background-image: none; }

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, div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand 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 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 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 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 li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand a {

    background-image: none; }