Replace Mobile Menu = Icon With Text
Plugin Details
Replace the default burger menu icon with your own custom menu text.
Compatibility
Works with Squarespace 7.1
Uses Custom CSS
Add to Custom CSS
// REPLACE MOBILE MENU BURGER ICON WITH TEXT - GHOSTPLUGINS.COM //
@menu-icon-text-closed: "Menu =";
@menu-icon-text-closed-color: #000;
@menu-icon-text-open: "Close x";
@menu-icon-text-open-color: #000;
@menu-icon-text-size: 15px;
@menu-icon-text-weight: normal;
@menu-icon-font-family: inherit;
@menu-icon-text-width: 50px;
@menu-icon-text-height: 20px;
/* --- Do Not Edit Below ---- */
.burger-box:after { content: @menu-icon-text-closed; text-align: right; font-size: @menu-icon-text-size; color: @menu-icon-text-closed-color; display: block !important; font-family: @menu-icon-font-family !important; } .header--menu-open .burger-box:after { content: @menu-icon-text-open; color: @menu-icon-text-open-color; } .burger-box { width: @menu-icon-text-width !important; height: @menu-icon-text-height !important; } .burger-box div { display: none; } .header .header-burger { flex: 0 0 @menu-icon-text-width !important; }
// REPLACE MOBILE MENU BURGER ICON WITH TEXT - GHOSTPLUGINS.COM //Customizable Options
Menu Text (Menu Is Closed)
Menu Text (Menu Is Open)
Menu Text Color, Weight, and Font Family
Menu Text Width and Height
Notes
No plugin notes
