Ghost Plugins

View Original

Mobile Menu Icon - Take Out

Ghost

1. Plugin Info

Replace the default mobile menu burger icon with a take out food icon.

  • Works with Squarespace 7.1

  • Uses Custom CSS

  • Take Out and X Close Icon Included

  • Compatible with all Mobile Header Layouts

2. Add this code to Custom CSS

See this content in the original post

3. Customizable Options

  • House Icon (When Menu Is Closed)

  • Close X Icon (When Menu Is Open)

  • Menu Icon Alignment

  • Menu Icon Size

  • Menu Icon Color (Dark or Light)

Want to use your own icons? Use Custom CSS > Manage Files to upload and generate a file URL for your own icons. Then replace the default icon links with your file URL.

4. Plugin Notes

  • We recommend keeping the icon’s size 40px or less.

  • If uploading your own icons, PNG format is recommended.

  • If your icons are not showing, ensure you are adding the file’s full URL.

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