Super Big Mobile Menu Font

Screen+Shot+2019-12-31+at+9.23.19+PM.jpg

Description

Make the mobile menu font and button super big. This plugin uses css editor and works with Squarespace 7.1.


How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Mobile Menu Text //

@media screen and (max-width: 767px) {
.header-menu-nav-item a {
  font-size: 55px;
}
}

// Mobile Menu Button //

@media screen and (max-width: 767px) {
.header--menu-open .header-menu .header-menu-cta a {
  font-size: 30px;
}
}

Customize

Adjust all font size values to your liking.


Previous
Previous

Top and Bottom Site Header Border

Next
Next

Custom Pin It Button