Remove sub menu indicators

Community Forums Forums General Discussion Remove sub menu indicators

This topic is: not resolved

This topic contains 12 replies, has 3 voices, and was last updated by  neilc 9 months, 2 weeks ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #48816

    neilc
    Participant
    Post count: 25

    Hi

    I’m customising the Metric theme and I’d like to remove the sub menu indicator.

    Thanks

    #49149

    neilc
    Participant
    Post count: 25

    Not possible then?

    #49157

    Doak Heggeness
    Participant
    Post count: 140

    What are you talking about? Link?


    Doak Heggeness, WordPress Development | Website

    #49159

    neilc
    Participant
    Post count: 25

    When 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.

    #49162

    Stewart
    Participant
    Post count: 156

    Hi,

    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 Twitter

    #49169

    neilc
    Participant
    Post count: 25

    Hi

    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.

    #49171

    Stewart
    Participant
    Post count: 156

    Have 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 Twitter

    #49178

    neilc
    Participant
    Post count: 25
    This reply has been marked as private.
    #49186

    Stewart
    Participant
    Post count: 156

    Hi 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 Twitter

    #49204

    neilc
    Participant
    Post count: 25
    #49206

    Stewart
    Participant
    Post count: 156

    In 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 Twitter

    #49208

    Stewart
    Participant
    Post count: 156

    Just 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 Twitter

    #49221

    neilc
    Participant
    Post count: 25

    Cool. Thanks a lot. Can’t believe I didn’t spot that padding-right entry. Changing it to about 10px seems about right.

    Cheers

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.