Edit the Mobile Logo on Squarespace

Having a mobile-friendly website is so important. Squarespace does a decent job of automatically adjusting your website for mobile and tablet viewing. However, there are some things you can do to take it to the next level.

So far, I have done videos on editing your text and images to make your Squarespace website more mobile-friendly. In this video, I show you how to resize or hide your logo when being viewed from a mobile device. The code used in the video is provided below.

The following code is used in the video.

Resize the Logo on Mobile

.Mobile-bar-branding-logo {
  width: 10% !important;
}

Hide the Logo on Mobile

Mobile-bar-branding-logo {
  display: none !important;
}

Here are some other posts you may like:

• How To Change The Background Image To A Colour When On Mobile

• How to Resize Your Images on Your Mobile Friendly Squarespace Website

• How to Make Your Text More Mobile Friendly on Your Squarespace Website