WordPress.org

Forums

inserting img into dynamic menu item (11 posts)

  1. joepk
    Member
    Posted 1 year ago #

    Hi,

    I have a navigation menu of five items. The one in the middle has to hold an image that extends a bit outside of the menu item (5px more or less). I do not want to use a background image.

    Anyone has idea's how to do so? I guess some kind of javascript?

    Thanks!

  2. Andrew
    Forum moderator
    Posted 1 year ago #

    Why do you not want to use a background image?

  3. joepk
    Member
    Posted 1 year ago #

    Because the image has to stick out of the menu item.

  4. Andrew
    Forum moderator
    Posted 1 year ago #

    So can you expand the height/width of that one navigation menu item?
    Can you link the page in question and the image you want?

    It's difficult for an outsider to understand the issues you have probably identified.

  5. joepk
    Member
    Posted 1 year ago #

    joep.twistedwed.nl/fivestarsleep

    The home button had a logo which overlapped the bevel that sticks out. Maybe I'll just make the logo not stick out of the item, makes the logo a bit smaller though it saves allot of hassle haha.

  6. joepk
    Member
    Posted 1 year ago #

    I used a background image instead now that doesn't stick out. But how to get a certain menu item to not display the text? I need the HOME text to get to display: none.

    Anyone?

  7. Andrew
    Forum moderator
    Posted 1 year ago #

    Can you link the page in question and the image you want?

  8. joepk
    Member
    Posted 1 year ago #

    oops the previous link wasn't correct!
    This one is:

    fivestarsleep

  9. Ravinder Kumar
    Member
    Posted 1 year ago #

    you are doing good but

    .logo a {
    z-index: 999;
    background: url("img/logo.png") center 12px no-repeat;
    background-size: 90px auto;
    color: transparant;
    }

    color:trasparant spelling mistake
    use
    color:transparent!important;

  10. joepk
    Member
    Posted 1 year ago #

    With !important it still has no effect. :(

  11. joepk
    Member
    Posted 1 year ago #

    Damnit haha, made a spelling mistake aswell xd Thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic