Community Forums › Forums › Archived Forums › General Discussion › Remove sub menu indicators
- This topic has 12 replies, 3 voices, and was last updated 12 years, 7 months ago by
neilc.
-
AuthorPosts
-
July 2, 2013 at 7:43 am #48816
neilc
MemberHi
I'm customising the Metric theme and I'd like to remove the sub menu indicator.
Thanks
July 4, 2013 at 5:01 am #49149neilc
MemberNot possible then?
July 4, 2013 at 6:44 am #49157Doak Heggeness
MemberJuly 4, 2013 at 6:59 am #49159neilc
MemberWhen you create a menu with nested pages you get a little triangle to the right of the menu item like: "Services >" - to let people know that if they hover over this item, a drop down will appear so they can select the pages.
This is called the sub menu indicator in the CSS code.
July 4, 2013 at 7:26 am #49162Stewart
MemberHi,
If I'm thinking on the same lines you should be able to turn them off by going to your dashboard and go to:
Genesis > Theme Settings > Navigation and disable fancy dropdowns checkbox.
Hope this helps
Stewart
WordPress Developer – Need help upgrading to Genesis 2.0? – My Blog
Follow me on TwitterJuly 4, 2013 at 7:59 am #49169neilc
MemberHi
Thanks but sadly that doesn't work.
I've found the css for it and I can remove the indicators or reduce them to 0px and this works except it still leaves the space where they were thus making the spacing of the nav bar uneven.
July 4, 2013 at 8:10 am #49171Stewart
MemberHave you got a live link to the site, i'll take a look and see if i can solve it.
Stewart
WordPress Developer – Need help upgrading to Genesis 2.0? – My Blog
Follow me on TwitterJuly 4, 2013 at 8:42 am #49178neilc
MemberThis reply has been marked as private.July 4, 2013 at 9:27 am #49186Stewart
MemberHi Neilc,
If that last reply was meant for me I cant see it it marked as private.
WordPress Developer – Need help upgrading to Genesis 2.0? – My Blog
Follow me on TwitterJuly 4, 2013 at 10:24 am #49204July 4, 2013 at 10:33 am #49206Stewart
MemberIn your style.css file on line 214 try changing the display:block to none example below :
#header UL.nav LI A .sf-sub-indicator, #header UL.menu LI A .sf-sub-indicator {
background: url(images/arrow-down.png);
display: none; << Change this line
width: 10px;
height: 10px;
text-indent: -9999px;
overflow: hidden;
position: absolute;
top: 12px;
right: 5px;
}That should hopefully do the trick for you.
Stewart
WordPress Developer – Need help upgrading to Genesis 2.0? – My Blog
Follow me on TwitterJuly 4, 2013 at 10:43 am #49208Stewart
MemberJust spotted you comment about the white space where the indicator used to be to remove this look on line 210 and remove the padding-right: 20px;
Stewart
WordPress Developer – Need help upgrading to Genesis 2.0? – My Blog
Follow me on TwitterJuly 4, 2013 at 11:48 am #49221neilc
MemberCool. Thanks a lot. Can't believe I didn't spot that padding-right entry. Changing it to about 10px seems about right.
Cheers
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.