Ghost Plugins

View Original

Circle Burger Icon - Mobile Menu

See this content in the original post

Plugin Details

Replace the default mobile menu burger icon with a circle burger icon.

Compatibility

  • Works with Squarespace 7.1

  • Uses Custom CSS

  • Circle Burger and X Close Icons Included

  • Compatible with all Mobile Header Layouts


Add to Custom CSS

See this content in the original post

Customizable Options

  • Circle Burger Icon (Menu Is Closed)

  • Close X Icon (Menu Is Open)

  • Menu Icon Alignment

  • Menu Icon Size

  • Menu Icon Color (Dark or Light)

See this content in the original post

Notes

Change icon alignment to left if mobile header layout moves icon to the left side.

Use Your Own Icons

Use CSS > Manage Files to upload and generate a file URL for your own icon. Then swap out the default icon’s URL with your file’s URL.