How to add your logo to your mobile menu

CUSTOM CSSVERSION 7
Written By insidethesquare

This tutorial is for the BRINE/BEDFORD theme of Squarespace, built with an older version. For more information, visit https://insidethesquare.co/themes

This Squarespace CSS tutorial will show you how to add a logo to the mobile menu on your Squarespace website, specifically for Brine and Bedford templates where that isn't standard.

Watch the tutorial to learn how to upload your image, and then use the codes below in the Custom CSS section of your site to show off that beautiful brand of yours

BEDFORD

#mobileNavWrapper { margin-top:20px; background-image: url('HTTPS://YOURIMAGEURLGOESHERE.COM'); background-position: top; background-size: 50% auto; background-repeat: no-repeat; } #sidecarNav nav

BRINE

.Mobile-overlay-nav-item .Mobile-overlay-menu {width: 100%; z-index: 1;}.Mobile-overlay-menu-main { margin-top:50px; background-image: url('HTTPS://YOURIMAGEURLGOESHERE.COM'); background-position: top; background-size: 50% auto; background-repeat: no-repeat;}

insidethesquare

Squarespace Circle Leader & Creator of InsideTheSquare.co

https://insidethesquare.co
Previous

How to align your mobile menu left or right (Pacific, York, & Five)
Next

How to customize the “sales” label in Squarespace