Forums

[resolved] Adding an image to the bottom of WordPress' default dropdown menu (10 posts)

  1. ViPeRx007
    Member
    Posted 9 months ago #

    I'm trying to add a graphic to the bottom of my dropdown menu's but can't seem to find where WordPress actually generates the navigation code to do this. I can't imagine this being that difficult but I'm not having any luck finding it.

    I'm essentially trying to put a "footer" on the bottom of my dropdown menu's (very basic example code):

    <ul>
        <li>link</li>
        <li>link</li>
        <li>link</li>
            <img src="#">
     </ul>

    I appreciate any help anyone can provide.

  2. ViPeRx007
    Member
    Posted 8 months ago #

    I still haven't figured this one out. Does anyone have any ideas?

  3. esmi
    Theme Diva & Forum Moderator
    Posted 8 months ago #

    Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of assistance.

  4. ViPeRx007
    Member
    Posted 8 months ago #

    This is the site I am working on:
    http://www.healthybydesignyellowstone.org.php5-22.dfw1-2.websitetestlink.com/

    Here is a jpg example of the menu:
    http://img695.imageshack.us/img695/4089/healthybydesignhome2.jpg

    You can see in the sketch I did there is an orange bar at the bottom of the dropdown menu but I'm not sure how to apply that to the actual site.

  5. ViPeRx007
    Member
    Posted 8 months ago #

    I'm not sure I can provide any more than that. It seems fairly straightforward what I'm trying to accomplish. It also doesn't seem like it should be very hard, but it's whooping me....frustrating!

  6. esmi
    Theme Diva & Forum Moderator
    Posted 8 months ago #

    You'd need to add that orange bar as a background image on the .children submenu/list.

  7. ViPeRx007
    Member
    Posted 8 months ago #

    Well, I got it in there but now it seems to want to hide behind the green background.

  8. esmi
    Theme Diva & Forum Moderator
    Posted 8 months ago #

    Now add padding-bottom:16px; to #access .children to allow it to be seen.

  9. ViPeRx007
    Member
    Posted 8 months ago #

    Ahhhhh, that did the trick. I was doing padding-top, margin-top, etc...it's been a long week already. You're awesome esmi. I really appreciate it. Thanks!

  10. esmi
    Theme Diva & Forum Moderator
    Posted 8 months ago #

    No problem :-)

Reply

You must log in to post.

About this Topic