causes images to appear in front of menu

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 https://yithemes.com
Go to Support > Get Support

There we provide support, not on www.remarpro.com were, usually we do not read topics. It’s better to follow us or write on our forum!

Thanks, that worked beautifully!!

Great!

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

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

Not working.

https://www.loja77.com/

Hi, please post your website URLs.

@jpbenfica, the plugin active is not our plugin.

I added this to my theme css and it worked:

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

z-index: 99999;
}

Hope it helps

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
https://mahlidesigns.com/?product=mahli-capri-length-practice-suit-final

thank you,

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
}

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