Jump to content

Mobile view for headers

Recommended Posts

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.



Link to comment

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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.