WordPress.org

Ready to get started?Download WordPress

Forums

YITH WooCommerce Zoom Magnifier
[resolved] causes images to appear in front of menu (12 posts)

  1. after9blog
    Member
    Posted 1 year ago #

    This plugin causes the product image to appear in front of the main menu dropdown. When deactivated the images return to normal. I'd like to keep it because it's so cool! Is there a fix for this?
    URL: http://50.97.96.80/~jbradmn/shop/kickport-custom-shop/
    Thanks!

    http://wordpress.org/extend/plugins/yith-woocommerce-zoom-magnifier/

  2. yithemes
    Member
    Plugin Author

    Posted 1 year ago #

    Add this code to your functions.php file located in **<theme folder>/**, at the end of the file

    function yit_print_custom_style() {
      ?>
      <style type="text/css">
      ul#topnav li .sub { z-index: 99999; }
      </style>
      <?php
    }
    add_action( 'wp_head', 'yit_print_custom_style' );

    Remember when you will update the theme, you can leave the code inside this file.

    However, register on http://yithemes.com
    Go to Support > Get Support

    There we provide support, not on wordpress.org were, usually we do not read topics. It's better to follow us or write on our forum!

  3. after9blog
    Member
    Posted 1 year ago #

    Thanks, that worked beautifully!!

  4. yithemes
    Member
    Plugin Author

    Posted 1 year ago #

    Great!

  5. samandella
    Member
    Posted 1 year ago #

    This hasn't worked for me. Any other possibilities, please?

  6. sdather
    Member
    Posted 1 year ago #

    Its not working for me, could anyone help me out in fixing this.

  7. jpBenfica
    Member
    Posted 1 year ago #

    Not working.

    http://www.loja77.com/

  8. yithemes
    Member
    Plugin Author

    Posted 1 year ago #

    Hi, please post your website URLs.

    @jpBenfica, the plugin active is not our plugin.

  9. rjwinter
    Member
    Posted 10 months ago #

    I added this to my theme css and it worked:

    .nav-menu .sub-menu,
    .nav-menu .children {

    z-index: 99999;
    }

    Hope it helps

  10. sundarapura
    Member
    Posted 5 months ago #

    Issue: Dropdown Menu appears behind Zoom image

    I have reviewed several related topics through the forums but still cannot solve the issue. I have added code listed below, but not sure if I added to the right location. I have added to /wp-content/themes/canvas/functions.php , but that broke the entire site.

    function yit_print_custom_style() {
    ?>
    <style type="text/css">
    ul#topnav li .sub { z-index: 99999; }
    </style>
    <?php
    }
    add_action( 'wp_head', 'yit_print_custom_style' );

    Below is the url for the site in progress
    http://mahlidesigns.com/?product=mahli-capri-length-practice-suit-final

    thank you,

  11. jpBenfica
    Member
    Posted 5 months ago #

    I have this in my theme

    Theme\style.css

    /* Primary Navigation Menu */
    .ss_nav {
    	position:relative;
    	width:960px;
    	height:42px;
    	margin:0 auto;
    	text-align:center;
    	background:#333;
    	border-bottom:1px solid #e0e0e0;
    	z-index:999;
    	-moz-border-radius:2px;
    	-webkit-border-radius:2px;
    	border-radius:2px;
    }

    --------------

    .nav1 {
    	position:relative;
    	list-style:none;
    	margin:0;
    	padding:0 0 0 2px;
    	z-index:999
    }
  12. aniketsarkar90
    Member
    Posted 3 months ago #

    hey,
    you can change the z-index property of the following class from 9999 to 999 or lesser depending on your naviation menu's z-index property.

    search for the following class in style sheet - plugins/yith-woocommerce-zoom-magnifier/assets/css/yith_magnifier.css
    ()
    .yith_magnifier_zoom_wrap {
    z-index:666;
    }

    this would surely solve this issue

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.