WordPress.org

Ready to get started?Download WordPress

Forums

Menu Master Custom Widget
mouse-over menu wont disappear (3 posts)

  1. CunningStunt
    Member
    Posted 1 year ago #

    I have made a menu using your awesome plugin, for the most part it was fairly straight forward. You might want to add to the installation instructions how to enable 'custom fields' because they are hidden by default and it took me a while to find how to show them.

    I have made a menu for a load of 8tracks playlists that I made, when you mouse over the image the menu appears with all my links but if you move the mouse away from it; it doesn't disappear, so when you accidentally move the mouse over the image you have to click a menu option just to get rid of the menu.

    You can see it here, the menu is on the 8tracks button.
    http://www.sourceaddiction.com

    How do I make it so the menu will only stay open if the mouse cursor is held over it?

    Thanks

    http://wordpress.org/extend/plugins/menu-master-custom-widget/

  2. CunningStunt
    Member
    Posted 1 year ago #

    also the image is not being displayed at all in Internet Explorer, but works in Firefox

  3. rhonsir
    Member
    Posted 1 year ago #

    I added these lines to style.css

    .c.smm-img.smm-img1.smm-1.smm-layout1.smm-jq {
      background: url(../wp-content/uploads/2013/01/thumbnail.jpg) center no-repeat;
      height: 100px;
      width: 100px;
    }

    It served as a placeholder so even IE didn't render the photo, your visitors will still see something.

    And if you are using sublinks, here's what I did:
    I set the 'text' to OVER IMAGE then I added these lines to style.css

    #smm-overimage {
      opacity: 0;
      transition: opacity 0.1s linear;
      -moz-transition: opacity 0.1s linear; /* Firefox 4 */
      -webkit-transition: opacity 0.1s linear; /* Safari and Chrome */
      -o-transition: opacity 0.1s linear; /* Opera */
      height: 100px; /*same height with the placeholder above*/
    }
    
    #smm-overimage:hover {
      background: rgba(255, 255, 255, 0.9);
      opacity: 1;
    }

    Hope this will help.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.