Title: rhonsir's Replies | WordPress.org

---

# rhonsir

  [  ](https://wordpress.org/support/users/rhonsir/)

 *   [Profile](https://wordpress.org/support/users/rhonsir/)
 *   [Topics Started](https://wordpress.org/support/users/rhonsir/topics/)
 *   [Replies Created](https://wordpress.org/support/users/rhonsir/replies/)
 *   [Reviews Written](https://wordpress.org/support/users/rhonsir/reviews/)
 *   [Topics Replied To](https://wordpress.org/support/users/rhonsir/replied-to/)
 *   [Engagements](https://wordpress.org/support/users/rhonsir/engagements/)
 *   [Favorites](https://wordpress.org/support/users/rhonsir/favorites/)

 Search replies:

## Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)

 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Menu Master Custom Widget] [Plugin: Menu Master Custom Widget] does not work in Internet Explorer](https://wordpress.org/support/topic/plugin-menu-master-custom-widget-does-not-work-in-internet-explorer/)
 *  [rhonsir](https://wordpress.org/support/users/rhonsir/)
 * (@rhonsir)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/plugin-menu-master-custom-widget-does-not-work-in-internet-explorer/#post-2985266)
 * This is my hack for the IE problem:
    I added a bg image to the div so even IE
   didn’t render the photo, since a placeholder was added, this menu will not be
   blank.
 *     ```
       .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;
       }
       ```
   
 * If you’re using this menu with 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.
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Menu Master Custom Widget] [Plugin: Menu Master Custom Widget] mouse-over menu wont disappear](https://wordpress.org/support/topic/plugin-menu-master-custom-widget-mouse-over-menu-wont-disappear/)
 *  [rhonsir](https://wordpress.org/support/users/rhonsir/)
 * (@rhonsir)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/plugin-menu-master-custom-widget-mouse-over-menu-wont-disappear/#post-3030616)
 * 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.

Viewing 2 replies - 1 through 2 (of 2 total)