Adding a House Image to Menu Bar for Responsive Theme

  • Resolved Igor

    (@ianmiles-1)


    11 years, 8 months ago

    Dear all,

    I’d like to insert a simple house image on my menu bar, in place of text, just as they’ve done in the following website: https://www.daygame.com/

    Once I’ve created the house image, how can I link it to appear on the Home button ?

    Most Appreciated,
    Ian

Viewing 5 replies - 16 through 20 (of 20 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I guessed 100 pixels and decremented by 10 pixels until I achieved a width that was similar to the width with the text.

    Thread Starter Igor

    (@ianmiles-1)

    Ah nice one.

    How can I add my house image to the button’s rollover ?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You’ll have to remove the background gradient on the anchor tag.
    If you’re happy with that, add this;

    .menu-item-136 a:hover {
 background: none;
}

    Thread Starter Igor

    (@ianmiles-1)

    Ah I see, good to learn.

    Thanks.

    Thread Starter Igor

    (@ianmiles-1)

    For some strange reason my hover has appeared again, any ideas why ?

Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘Adding a House Image to Menu Bar for Responsive Theme’ is closed to new replies.