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 »

[SOLVED] Removing Arrow Space - tried everything but still can't fix it

Build custom WP THEMES, without
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
Old Mar 21, 2012, 11:42 AM
15 posts · Jun 2011
So i've been tearing my hair out over an issue im having with my page menus. I wanted to remove the down arrow for the drop-down page menu items, and used the solution I found here to convert them into a 1x1 transparent gif, and was then left with the space where the arrow had been. I tried various solutions that I found on this forum, but for some reason none seem to work for me.

My Site is: http://dear-esther.com/

As you can see all of the menu items with dropdown options have too much right padding. Can someone advise me how to fix this, and/or where im going wrong?

Most of the unsuccessful solutions I've tried were similar to this: http://forum.bytesforall.com/showthr...ighlight=arrow

Old Mar 21, 2012, 06:02 PM
Jam's Avatar
1,112 posts · Mar 2011
Perth, Western Australia
You could try flicking Larry or Juggledad a $20, that might fix it
May the learning curve never plateau... Thanks Larry for teaching me heaps.
My Themeframe built sites
Old Mar 21, 2012, 11:14 PM
lmilesw's Avatar
10,171 posts · Jul 2009
Central New York State USA
Because of the way the menu is coded I see these options.
  • Modify one of the theme files (not sure which one as I never modify theme files because an update to the theme will wipe out changes
  • Use a menu plugin
  • Use the following code in the CSS Inserts box. This should put even spacing on either side of you dropdown menu items but you may want to also increase your side padding on non dropdowns so the menus all look the same.
HTML Code:
div#menu1 ul.rMenu-hor li.rMenu-expand a {
    background-image: none !important;
    padding: 3px 7px 3px 14px !important;
My choice would be to look for a menu plugin or live with the arrows. BTW... why don't you like the arrows this will show people there is more to the menus.
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
Old Mar 22, 2012, 12:35 PM
15 posts · Jun 2011
Thanks for the suggestion but unfortunately it still didn't remove that pesky space. I cant understand what's causing it, I'm sure I've removed these gaps with a html insert before, but since updating to the latest atahualpa it doesn't seem to work any longer

I guess if all else fails I'll have to put the arrows back, but I kind of like the simplicity of the menu at the moment, minus arrows.
Old Mar 22, 2012, 01:46 PM
lmilesw's Avatar
10,171 posts · Jul 2009
Central New York State USA
If you look at css.php at around line 2555 you will see the following
HTML Code:
/* divs added for "IE6 & 2 menu styles" */	

div#menu1 ul.rMenu-hor li.rMenu-expand a {
	padding-left: 5px;	/* reset padding */
	padding-right: 15px !important;
	background-position: 100% 50%;
	background-image: url(<?php echo $templateURI; ?>/images/expand-down<?php echo ($bfa_ata['page_menu_arrows'] == "white" ? "-white" : ""); ?>.gif);
If you remove the !important from padding-right you should be able to adjust the padding as you wish. Just remember if you upgrade the theme you will have to redo this edit. I have only tested this very quickly so don't know what other issues this may cause.
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
Old Mar 22, 2012, 02:07 PM
juggledad's Avatar
23,377 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you should be able to put the same CSS in the CSS Inserts and it will take precedence since it is the same selector and comes last.
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
Old Mar 22, 2012, 02:17 PM
15 posts · Jun 2011
Ok so i tried clearing my browser cache and trying this:

div#menu1 ul.rMenu-hor li.rMenu-expand a {
padding-right: 5px !important;

And it now works! :D must have been the cache or my formatting or something odd.

Anyway, big donation coming soon! Cheers!


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Removing Space btwn footer and content - tried everything (I think:) dixieprosser Center area post/pages 2 Sep 25, 2010 12:21 PM
Help removing blank space in widget area blueprairie Sidebars & Widgets 2 Sep 22, 2010 09:40 AM
[SOLVED] Removing arrow space from drop-down links - old solution not working mcphoto Page & Category Menu Bars 2 Aug 17, 2010 08:13 AM
Removing extra space around <img> image table elements StevenLevy Center area post/pages 0 Jun 17, 2010 03:25 PM
Removing space between <li> tags in widget desell Sidebars & Widgets 2 Oct 24, 2009 02:33 AM

All times are GMT -6. The time now is 10:12 AM.

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