GonizBuddy

Custom CSS: .header .header-announcement-bar-wrapper:not(.shrink):not(.transparent-header-theme--override) { -webkit-backdrop-filter: none; backdrop-filter: none; } .tweak-transparent-header:not(.header--menu-open) .header-announcement-bar-wrapper { background-color: rgba(0,0,0,0.9); }

Link

That seems to work. However, when it transforms in to 'X', it seems to move the the left while being bigger, instead of both having a common center point.

Is it possible to alter the menu icon to be smaller and thicker?

-webkit-backdrop-filter: saturate(110%) blur(10px); backdrop-filter: saturate(110%) blur(10px); For saturate filter, it is giving me the error: error evaluating function `saturate`: e.toHSL is not a function. (In 'e.toHSL()', 'e.toHSL' is undefined) Is there a way around this?

https://www.camera-m.com Gap was seen on Safari browser on an iPhone.

There seem to be a 1px or so gap between your browser toolbar that appears when scrolling back and forth. This seems to happen only on mobile. I am not doing e-commerce or any banners. Is this possible to be fixed?

I am trying to set up a contact form that, when a visitor emails, I get the emails as: From: Visitor entered email Subject : From My Website (Website name) Message: Message content visitor typed This form is forwarded to an email address. This way, I can quickly reply to the email and the visitor would see it as I replied from the official email address. Thanks in advance.