How to fix product page issue on Brooklyn theme mobile version?

Store Design
1

Hey shopify community,

I am developing a store and doing some customization as per our requrimement. The problem I am facing is in product page of mobile version where, if i click on next to slide another product photo then whole below section will go up completely.
link of my devloping store: https://harringtondemo.myshopify.com/collections/offers/products/twill-plain-pants
Frontend password: 12345

Video of the problem: https://www.loom.com/share/b6c6abbd52bd40f7a0d0d2f3b5d16e74?sharedAppSource=personal_library

2

There is an app that is creating the bug because it defines the following CSS code

.hide:not(.site-menu-handle) {
    display: none!important;
}

in file globo.swatch.css

If you comment this line it will work, but I don’t know the side effect that could have on the specific app.