Mobile view for headers

Site URL: https://www.injectiongal.com/

1. I don't understand why squarespace STILL hasn't figured out how to optimize headers and drop down menus better for mobile view. Why can't we set specific font sizing for mobile view like you can on Webflow? My clients like the big header fonts on the desktop view, but they don't adjust appropriately on mobile view. it cuts off the word and drops the letters to the next line. This looks ridiculous.

2. The drop down menus in mobile view do not work when the mobile information bar is enabled. It freezes and cuts off some of the services listed. I was told months ago that this was being fixed. I had to disable the mobile information bar to fix this issue temporarily. I also don't like that I can't adjust the font specifically for mobile view. 

Squarespace, why aren't you improving the mobile editing options? I can't have every site looking so templated because the font is so big on mobile view in the drop down menu.

Q1. Add to Home > Design > Custom CSS

/* resize mobile heading 1 */
@media screen and (max-width:767px) {
h1 {
    font-size: 30px;
}
}

Q2. Did you solve?