WordPress.org

Forums

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

  1. ViPeRx007
    Member
    Posted 3 years 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 3 years ago #

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

  3. esmi
    Forum Moderator
    Posted 3 years 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 3 years 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 3 years 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
    Forum Moderator
    Posted 3 years ago #

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

  7. ViPeRx007
    Member
    Posted 3 years ago #

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

  8. esmi
    Forum Moderator
    Posted 3 years ago #

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

  9. ViPeRx007
    Member
    Posted 3 years 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
    Forum Moderator
    Posted 3 years ago #

    No problem :-)

Topic Closed

This topic has been closed to new replies.

About this Topic