Help with CSS code breaking drop down menu feature

I recently added the hover zoom feature on simple gallery images, but I noticed after applying the code the drop down menu in the header doesn't work. 

Any ideas what the problem could be/ a way to keep this custom code but also make the drop down header to work??

I used the codes form InsideTheSquare (vid I got the codes from: https://www.youtube.com/watch?v=hkB4LSuMQoU).

Looks like this part of the code is causing the problem:

div
{
  overflow:hidden !important;
}

Can you remove it and test. Obviously, now the gallery effect will be broken but if you provide the page url we can suggest what to replace this code with.

On 6/10/2021 at 6:16 PM, ghemachandar said:

Looks like this part of the code is causing the problem:

div
{
  overflow:hidden !important;
}

Can you remove it and test. Obviously, now the gallery effect will be broken but if you provide the page url we can suggest what to replace this code with.

Just revmoved the div  and the drop down menu function does work!

The link to website is www.gukkhwa.com 

You could replace the div with something like the following.

.gallery-grid-item-wrapper {

  overflow : hidden;

  }

Let us know how it goes.

23 hours ago, creedon said:

You could replace the div with something like the following.

.gallery-grid-item-wrapper {

  overflow : hidden;

  }

Let us know how it goes.

I applied it and works like magic! 

Thank you so much for your help!