How to Remove Menu Arrows

billybatz9 · #1 Jul 5, 2014, 04:30 PM

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

juggledad · #2 Jul 5, 2014, 07:18 PM

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

billybatz9 · #3 Jul 6, 2014, 07:44 AM

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.

juggledad · #4 Jul 6, 2014, 08:52 AM

what css did you try

billybatz9 · #5 Jul 6, 2014, 12:03 PM

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?

juggledad · #6 Jul 6, 2014, 03:43 PM

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; }