Squarespace CSS

How to remove automatic hyphens on Squarespace mobile

How to remove automatic hyphens on Squarespace mobile

Let’s face it, the first impression your website makes often happens on a tiny screen. Mobile traffic reigns supreme, and Squarespace, while a design powerhouse, has one quirk that can throw a wrench in your mobile masterpiece: automatic hyphens. You’ll need to remove automatic hyphens on Squarespace mobile. Those well-intentioned dashes, meant to keep things …

How to remove automatic hyphens on Squarespace mobile Read More »

How to create equal width buttons in Squarespace

How to create equal width buttons in Squarespace

Squarespace offers a user-friendly drag-and-drop interface, but one area that can frustrate designers is button consistency. By default, Squarespace buttons adjust their width to the text within, leading to mismatched sizes and an unprofessional look. Fear not, fellow Squarespace enthusiasts! This guide will equip you with the knowledge to create flawlessly equal width buttons in …

How to create equal width buttons in Squarespace Read More »

How to use a different background image on mobile in Squarespace

How to use a different background image on mobile in Squarespace

Tired of your Squarespace site looking the same on all devices? You’re not alone. While a consistent brand image is important, sometimes you want to give your mobile visitors a unique experience. That’s where custom mobile background images come in! ✨ In this guide, we’ll unlock the secrets to adding a different background image on …

How to use a different background image on mobile in Squarespace Read More »

How to use a custom font for mobile menu in Squarespace 7.1

How to use a custom font for mobile menu in Squarespace 7.1

First impressions are everything, and in the digital realm, your website’s menu is the gateway to a visitor’s experience. On mobile, where attention spans are shorter, the menu becomes even more crucial. Squarespace 7.1 allows some adjustments, but for true font finesse, we need to delve into the realm of custom CSS. Let’s begin with …

How to use a custom font for mobile menu in Squarespace 7.1 Read More »

How to change the color of social media icons in Squarespace Mobile Menu

How to change the color of social media icons in Squarespace Mobile Menu

Is your Squarespace website looking great on your desktop, but you find that the social media icons in your mobile menu are blending in too much? You’re not the only one facing this issue! Squarespace 7.1 maintains consistency by matching the color of the icons to your menu links, but learning how to change the …

How to change the color of social media icons in Squarespace Mobile Menu Read More »

How to create two column list section on mobile in Squarespace

How to create two column list section on mobile in Squarespace

Mobile optimization can be a headache. When things don’t fit right, images, text, and lists can turn into a mess. But don’t worry, Squarespace users! We’re conquering this challenge today. We’ll learn to create a two column list section on mobile in Squarespace. We’re conquering this challenge today. We’ll learn to create a two column …

How to create two column list section on mobile in Squarespace Read More »

How to customize the product page in Squarespace Mobile

How to customize the product page in Squarespace Mobile

In today’s mobile-first world, optimizing your online store for the small screen is no longer optional, it’s essential. And when it comes to Squarespace, customizing your product page specifically for mobile users can elevate your brand experience and boost conversions. But with limited built-in mobile adjustments, how to customize the product page in Squarespace mobile? …

How to customize the product page in Squarespace Mobile Read More »