Removing Drop-down Arrows from Page Menu

arch14 · #1 Jul 21, 2009, 03:24 PM

Hi. Enjoy working with the theme. Wondering - how do I get rid of the dropdown arrows in the menu bar? I found some older posts on the subject, but couldn't tell if they were relevant for version 3.4.2 (for example, I couldn't find the arrow image files in the header.php)

Thanks so much.

juggledad · #2 Jul 21, 2009, 06:42 PM

add the following in ATO->HTML/CSS Inserts->CSS Inserts

HTML Code:

div#menu1 ul.rMenu-hor li.rMenu-expand a {
	background-image: none;
	}
	}

to remove the down arrow fom the page menus and add the following

HTML Code:

div#menu2 ul.rMenu-hor li.rMenu-expand a {
	background-image: none;

to remove it from the category menus

arch14 · #3 Jul 23, 2009, 02:25 PM

Thanks! Is there anyway to remove the spacing also?

Flynn · #4 Jul 23, 2009, 04:46 PM

Add

padding-right: 5px !important;

arch14 · #5 Jul 29, 2009, 09:28 AM

Thanks! That works perfectly.

Ber|Art · #6 Dec 3, 2009, 10:01 AM

I CSS inserted: (to remove the dropdown arrow image and space)

Code:

div#menu2 ul.rMenu-hor li.rMenu-expand a {
	background-image: none;
        padding-right: 0px !important; 
}

But this did not remove the dropdown arrors and also not remove the right spacing, what am I doing wrong?

mcphoto · #7 Jul 29, 2010, 01:13 PM

[quote=juggledad;10841]add the following in ATO->HTML/CSS Inserts->CSS Inserts

HTML Code:

div#menu1 ul.rMenu-hor li.rMenu-expand a {
	background-image: none;
	}
	}

Make sure to remove that second bracket in the code snippet above... works fine for me when corrected.