Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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).

Screen Shot 2021-06-10 at 6.00.42 PM.png

Link to comment

4 answers to this question

Recommended Posts

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

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

  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 


Link to comment
  • 0
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!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...