Mobile Information Bar Covering Social Links in Mobile Overlay Menu

Site URL: https://tgtfresh.com/

The mobile information bar covers the social links in the mobile overlay menu. I did make the mobile information bar sticky, but it only affects it when scrolling down. Without any modification, since the overlay menu is accessed from the top of the screen, the social links are still covered.

Is there any way to fix this, like hiding the mobile information bar when the overlay navigation is open? If not, is there a way to move/hide the social links on mobile?

Thanks!

I found this as a fix, however, the top of the map and the opening hours are cut. Is there a way to achieve this without cutting the top of those functions?

.sqs-mobile-info-bar {
z-index: 10;
}

On 9/27/2021 at 10:20 AM, tuanphan said:

Try adding to Design > Custom CSS

body.header--menu-open [class*="mobile-info-bar"] {
	display: none !important;
}

 

This worked perfectly, thanks!