menu images not clickable

Community Forums Forums Design Tips and Tricks menu images not clickable

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  David Chu 1 year, 5 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #29232

    patfancygirl
    Participant
    Post count: 4

    I’m using background images on the secondary navbar on this site – http://www.thetravelcopywriter.com.  I used custom css classes and got the images to show up. However, the links are not working at all. The images are not clickable. Can anyone tell me what went wrong, please?

    #29237

    David Chu
    Participant
    Post count: 1351

    Yup. :-) Interesting problem…. the links just need some “weight”. I can give you a recipe – I think you have unique code for each link, so you’ll need to adapt it. This bit is for the first link.

    Note the block of CSS below. Somewhere amongst these lines, add the statement [css] display: block;[/css]

    [css]
    #subnav li.copywriting a, #subnav li.copywriting a:hover, .menu-secondary li.copywriting, .menu-secondary li.copywriting a, .menu-secondary li.copywriting a:hover {
    background: url("images/hotelcopywriting.png") no-repeat scroll 0 0 transparent;
    height: 214px;
    margin-right: 0;
    text-indent: -9999px;
    width: 125px;
    }
    [/css]

    Best, Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    #29242

    patfancygirl
    Participant
    Post count: 4

    Worked like a charm! Thank you! Thank you! You’re a genius!

    #29301

    David Chu
    Participant
    Post count: 1351

    Thanks, Pat!
    Glad it helped! btw, the site’s design looks very nice!
    Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

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

You must be logged in to reply to this topic.