Jump to content

Mobile Menu Color + Placement Change

Recommended Posts

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


I am wanting to change the background color of my menu option (within the mobile view) of my site. I'd like for the actual menu option (three bars) to be black, background to be white, and the menu options within the menu to be black.

I'd also like to move my "menu" option below my Cultivate Soul logo and have it say "menu". I've attached an image for reference. 

Any support is super appreciated!



Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Add to Design > Custom CSS

@media screen and (max-width:767px) {
body .burger-inner>div {
    background-color: black !important;
.header-menu-bg.theme-bg--primary {
    background-color: white !important;
.header-menu-nav-item a {
    color: black !important;


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.